logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Menu Toggle Button for Flash Storybook App


In the Phase 2 Overview of our FlashR 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 →


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

|


Add Menu+Toggle+Button+for+Flash+Storybook+App to Twitter Add Menu+Toggle+Button+for+Flash+Storybook+App to Facebook Add Menu+Toggle+Button+for+Flash+Storybook+App to MySpace Add Menu+Toggle+Button+for+Flash+Storybook+App to Del.icio.us Digg Menu+Toggle+Button+for+Flash+Storybook+App Add Menu+Toggle+Button+for+Flash+Storybook+App to Yahoo My Web Add Menu+Toggle+Button+for+Flash+Storybook+App to Google Bookmarks Add Menu+Toggle+Button+for+Flash+Storybook+App to Stumbleupon Add Menu+Toggle+Button+for+Flash+Storybook+App to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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.

g


g features
Animation Behaviors in Motion Project

Importing Photoshop Images into Motion

Motion 3D Animation - The Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor