Menu Toggle Button for Flash Storybook App

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.

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
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.
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 →

Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|