.
.
 
Check Boxes in Flash 4.0

Follow these simple steps to using check boxes in your Flash movies

Dissymmetry Logo (5,214 bytes)

1) Open a new movie. Insert a new movie clip Symbol. This Symbol should be called "Check Box".

2) In the new "Check Box" Symbol, draw the Radio Button or Check Box border with a filled shape. Don't worry about the size as you can always re-size it later.

3) Convert the shape to a "Button" Symbol and call the symbol "Check Box Button".

4) In the "Up" frame of new "Check Box Button" Symbol, draw the check or circle which will indicate that the box has been checked, on the side, not in the box itself. For checks it is good to use the angled brush. Once the check has been drawn, select it and group it to keep it from merging with the border later.

5) In our button, copy the "Up" frame into the "Down" frame of the button. Then move the check or circle that indicates that the box is checked into the box.

6) Copy the "Down" frame into the "Hit" frame and return to the "Up" frame to cut the stray item that shows the box checked. We did this copying to ensure that the check box itself does not move. We are now "cutting" the item from the "Up" frame because we are going to paste it elsewhere.

7) Return to the "Check Box" movie clip for editing. Insert a new "Movie Clip"

8) Insert a new frame into the frame 2 location of the new "Check" movie clip and paste the check from the clipboard into that frame. Frame 1 should remain clear.

9) Insert a new layer above Layer 1 and call it "Events". Put a stop action in each frame, 1 and 2 of the "Events" layer. (Frame 2 will require a new blank keyframe)

10) Return to the "Check Box" movie clip for editing. Edit the Properties of the "Check" Symbol and name the Instance "Check" and hit "Ok"

11) Edit the Properties of the "Check Box Button" Symbol and insert the following action script:

On (Release)
   If (Checked = 0)
   // Expression = Expr.
      Set Variable: "Checked" = 1
      //
Variable = String, Value = Expr.
      Begin Tell Target ("Check")
      // Target = String

         Go to and Stop (2)
      End Tell Target
   Else
      Set Variable: "Checked" = 0
      // Variable = String, Value = Expr.
      Begin Tell Target ("Check")
      // Target = String

         Go to and Stop (1)
      End Tell Target
   End If
End On

12) Name the instance of the "Check Box" Symbol on the stage "Enabled".

13) The only thing left to do is to coordinate the location of the "Check" movie clip with the button image by going back and forth between testing the movie and adjusting the "Check" movie clip's location. If you zoom in, it gives you finer control over the adjustment.

14) To use the variables in each check box, refer to the name of each instance of the "Check Box" symbol like this: Enabled:Checked (where "Enabled" is an instance of our check box like in this example.) and make sure that the scripting is set to Expression. Just name each instance of the "Check Box" Movie Clip different and you're set.

 

.
Right-Bottom 006699.gif (866 bytes)

"The Internet is the foundation for a new industrial order. ... If you don't believe deeply, wholly...that the Net is going to change your business, you're going to lose."  - Fortune Magazine

All graphics on this site are copyrighted by their respective distributors and may not be duplicated, modified in any fashion or used in any way without consent.

Last Updated: 12/5/07

Home |  Tutorials |  Basic |  Intermediate |  Advanced |  Contact Us