In the Phase 2 Overview of our Flash^R storybook app project, we talked about the settings menu overlay page that will be displayed over the top of whatever is currently on the stage. On this overlay page, we will have several links and a toggle button for the background music. We also mentioned that this overlay page will be toggled on and off the stage by another button in the upper left corner of the screen.

Because it is important for this settings menu overlay toggle button to be accessible on any page of the book, we will add it to the stage on Frame 1 and on a layer at the top of the Timeline layers. When we add the movie clips to their respective frames, they will be placed on the bottom layer of the Timeline, making the toggle button, which we will name setTogBtn, always accessible.

Open your fla and let's get started.

1. We will need to add a new layer to the Timeline - the setTogBtn layer for the toggle button. This will give us two layers. Lock the pages layer.
   
   setTogBtn
   pages
   
   
2. Still on Frame 1 and the setTogBtn layer, we will import the spider png file that we will use for the toggle button in this sample project. Of course, you may have created a different image for this button. The image should be a maximum of 150 x 150 pixels in order to not overlap and interfere with the other buttons on the page.
   
   
3. Right-click on the spider png and convert to a movie clip symbol named "setTogBtn". The png will automatically be placed at the 0,0 position on the stage. In the Properties panel, give the movie clip an Instance Name of "setTogBtn".
   
   

Next →

IMPORTANT: These app development tutorials are written with the Flash novice in mind. You will need to optimize your app beyond what is covered in these tutorials before finalizing your app for the app store.


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.