MACROMEDIA FLASH MX 2004-USING COMPONENTS Use Manual page 84

To link a skin to a style property:
If you already applied the Sample theme to a document, skip to step 5.
1.
Select File > Import > Open External Library, and select the HaloTheme.fla file.
2.
This file is located in the application-level configuration folder. For the exact location on your
operating system, see
In the theme's Library panel, select Flash UI Components 2/Themes/MMDefault, and drag the
3.
Assets folder of any components in your document to the library for your document.
For example, drag the RadioButton Assets folder to the target library.
If you dragged individual component assets folders to the library, make sure the Assets symbol
4.
for each component is set to Export in First Frame.
For example, the Assets folder for the RadioButton component is called RadioButton Assets; it
has a symbol called RadioButtonAssets, which contains all of the individual asset symbols. If
you set Export in First Frame on the RadioButtonAssets symbol, all individual asset symbols
will also export in the first frame.
Double-click any skin symbol you want to modify to open it in symbol-editing mode.
5.
For example, open the States/RadioFalseDisabled symbol.
If the element to be colored is a graphic symbol and not a movie clip instance, use Modify >
6.
Convert to Symbol to covert it to a movie clip instance.
For this example, change the center graphic, which is an instance of the graphic symbol
RadioShape1, to a movie clip symbol; then name it Inner Circle. You do not need to select
Export for ActionScript.
It would be good practice, but it is not required, to move the newly created movie clip symbol
to the Elements folder of the component assets being edited.
If you converted a graphic symbol to a movie clip instance in the previous step, give that
7.
instance a name so it can be targeted in ActionScript.
For this example, name the instance innerCircle.
Add ActionScript code to register the skin element or a movie clip instance it contains as a
8.
colored skin element.
For example, add the following code to the skin element's Timeline.
mx.skins.ColoredSkinElement.setColorStyle(innerCircle,
"symbolBackgroundDisabledColor");
In this example you're using a color that already corresponds to an existing style name in the
Sample style. Wherever possible, it's best to use style names corresponding to official Cascading
Style Sheet standards or styles provided by the Halo and Sample themes.
Repeat steps 5-8 until you've edited all the skins you want to change.
9.
For this example, repeat these steps for the RadioTrueDisabled skin, but instead of converting
the existing graphic to a movie clip, delete the graphic and drag the existing Inner Circle
symbol to the RadioTrueDisabled skin element.
When you finish editing the skin symbol, click the Back button at the left side of the
10.
information bar at the top of the Stage to return to document-editing mode.
84 Chapter 5: Customizing Components
"About themes" on page 77.