Buttons

To add a button

Choose the Button tool and draw a button on the frame

To change the text label

Double click the button with the Select tool, or press Enter key when the button is selected and edit the text.

To customize the button

Double click the button to customize it.


glass-button.sfd

To apply a style to a new button do the following:

To change the shape of a button

Double click the button and change the "shape" option.

To change the over color

Select the button and choose "Action" > "On Over Color", uncheck "No Color" and choose desired color.

To change button appearance on mouse events

Select the button and choose "Action" > "On Click Matrix" and "On Over Matrix".

To change the click color

Select the button and choose "Action" > "On Click Color", uncheck "No Color" and choose desired color.

To change mouse over color

Select the button and choose "Action" > "On Over Color", uncheck "No Color" and choose desired color.


simple-buttons.sfd

Example of combined "On Over Color" and "On Over Matrix".

Image Background Button

This example shows a clipart image used as button background.


button-background.sfd
To create image background button:
  1. Import the image on a master frame
  2. Draw the button on the next frame
  3. Select the button and choose "Item" > "Edit Properties"
  4. Click "More"
  5. Set button background, set the bitmap in the "Custom Background" field and click OK
  6. Set Over Color (the button with change the color if the user moves mouse over it)

Sprite Background Button

The following example demonstrates how to use a sprite as button background.


button-sprite.sfd
To create custom background button:
  1. Create a new project and add master frame
  2. Create a sprite background object on a master frame
  3. Add a new frame inside the sprite so you have Frame 1 and Frame 2, set them to Stop
  4. Draw a rectangle on Frame 1 and copy it to Frame 2
  5. On Frame 2 change the color of the rectangle so you can see the difference between frames
  6. On Frame 1 set OnOver action as Go to Frame 2
  7. On Frame 2 set OnOut action as Go to Frame 1
  8. Exit the Sprite back to the Main Movie
  9. Clone the Sprite to the Next frame
  10. Duplicate the clone several times to create more buttons
  11. Add description text over each clone (Home, Products etc)