Scroll Objects and Text Replacement (Beginner)

Learn how to use features: Scroll objects and Text replacements. For more info on them, check their individual documentation at the right side. Enjoy the tutorial! Updated 0301, 2015  Need Kwik 3.3.9

Create a new kwik project with iPad mini.

https://www.kwiksher.com/tutorials/Multi/Scroll_Sample.zip

 

scroll01

 

Select three rectangles and click create group from project and pages

scroll02

 

named as gp_Rectangles

scroll03

 

Select Rectangle2 that will be viewable area of scroll widget and then click scroll from Interactions on kwik panel.

scroll04

 

Notice the width and height of Rectangle2. They are 452 and 300 pt

scroll05

 

Select Group to choose gp_Rectangles group. Select Manual and enter the following values to configure scroll widget.

Top:230, Left 286. The value from layer Rectangle2 should appear here as default.

Width 452 Height 300

Scrollable width 1024, Scrollable Height 300

 

 

scroll06

 

Done. Preview in Corona SDK

scroll07

 

Scroll text

select Article layer and use Text Replacement of Layers and Replacements.

scroll08

scroll09

 

Select Article layer again and click Scroll object from Interactions

scroll10

 

Select Paragraph. This set the scroll widget viewable area as the same height and width of the photoshop layer. If you choose Object, the area of the text object created at the runtime will be applied and it would be different to the area in photoshop.

scroll11

 

Done

OLD kwik2 video. Basic workflow is same but kwik panel is old
http://www.youtube.com/embed/TyoOSYGLAkk