Cover Page Layer Properties - Kwik 2
There are a few page properties that can be different for each page. We will come back to discuss each of these as we encounter them. For now, we need to consider the option to enable the swipe gesture for page navigation. Although all the pages of our book will be using the Back and Next buttons, some authors may have reason to use the swipe gesture on certain pages. Therefore, Kwik gives you the option to set this feature for each individual page.
Now we need to turn off the swipe gesture for the cover page. Still working in the Project and Pages category, click the Page Properties icon (second icon in the first row of tools under the Categories row) to open the Page Properties dialog box.
- We want the page to load at 100% scale and 100% alpha, so let's leave the default settings.
- We are using Next and Back buttons. So we will turn off the swipe gesture. Uncheck the box.
- This book is going to be free so we won't need the In-App Purchase feature. Leave that blank.
- Click Save.
Our next step is to set the Layer Properties for the background layer on the cover page. Select the bg_cover layer in the Layers panel. Remember that this is a solid graphic that covers the entire layer, so we will tell Kwik to export this image as a jpg, which has a much smaller file size than the default png format.
- We will need to switch to the Layers and Replacements category. Click on the second icon in the Categories row - Layers and Replacements.
- Click on the first icon under the Categories row - Layer Properties.
- In the Layer Properties dialog box, put a check in the box next to Export Image as .jpg. Click Save.
The background layer is the only layer on the page that we need to export as a jpg. The other button layers will automatically be exported as png images. However, we do plan to use the Pages button on all pages. So we need to set the pagesbtn layer as a shared asset.
- With the pagesbtn layer selected, open the Layer Properties dialog box and put a check next to Save as Shared Asset option. You should see the layer name change to "kwkpagesbtn".
Now would be a good time to preview our app and see if Kwik gives us any error messages. In the Project Info section of the Kwik panel is a large rectangle next to the name of your project. Click the rectangle to preview your app.
- When the build process is complete, you will get a message telling you to change the project icons before submitting your app for approval.
- The Corona SDK program will open automatically. From the Corona SDK welcome screen, click the Simulator button and browse to your project folder. Inside your project folder will be a build folder. Inside the build folder will be the main.lua file. Select this file to open it into the Corona Simulator.
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Kwik product, the Kwik logo and Kwiksher are properties of Kwiksher.com - Copyright 2011. Screen shots used by permission.
These tutorials are for the older version of Kwik 2 and may not be much help when using Kwik 3 and above. If you are having trouble, please use the Kwik forum.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2021 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.