Applying new skins to a component

Once you have created a new skin, you must apply it to a component in a document. You can use the createClassObject() method to dynamically create the component instances, or you can manually place the component instances on the Stage. There are two different ways to apply skins to component instances, depending on how you add the components to a document.

To dynamically create a component and apply a new skin:

Select File > New to create a new Flash document.
Select File > Save and give the file a unique name, such as DynamicSkinning.fla.
Drag any components from the Components panel to the library, including the component whose skin you edited (in this example, RadioButton).
This adds the symbols to the document's library, but doesn't make them visible in the document.
Drag MyRadioTrueUp and any other symbols you customized from MyTheme.fla to the library of DynamicSkinning.fla.
This adds the symbols to the document's library, but doesn't make them visible in the document.

Open the Actions panel and enter the following on Frame 1:

import mx.controls.RadioButton;
createClassObject(RadioButton, "myRadio", 0, {trueUpIcon:"MyRadioTrueUp", label: "My Radio Button"});

Select Control > Test Movie.

To manually add a component to the Stage and apply a new skin:

Select File > New to create a new Flash document.
Select File > Save and give the file a unique name, such as ManualSkinning.fla.
Drag components from the Components panel to the Stage, including the component whose skin you edited (in this example, RadioButton).
Drag MyRadioTrueUp and any other symbols you customized from MyTheme.fla to the library of ManualSkinning.fla.
This adds the symbols to the document's library, but doesn't make them visible in the document.
Select the RadioButton component on the Stage and open the Actions panel.

Attach the following code to the RadioButton instance:

onClipEvent(initialize){
    trueUpIcon = "MyRadioTrueUp";
}

Select Control > Test Movie.