User manual MACROMEDIA FLASH 8-USING COMPONENTS

[. . . ] Using Components Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names of Macromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally. [. . . ] Select the skins that you want to edit (in this example, RadioTrueUp). The skins are located in the Themes/MMDefault/Component Assets folder (in this example, Themes/MMDefault/RadioButton Assets/States). 4. 5. Select Duplicate from the Library options menu (or by right-clicking the symbol), and give the symbol a unique name, such as MyRadioTrueUp. Click Advanced in the Symbol Properties dialog box, and select Export for ActionScript. A linkage identifier that matches the symbol name is entered automatically. Double-click the new skin in the library to open it in symbol-editing mode. Modify the movie clip, or delete it and create a new one. You may need to select View > Zoom In to increase the magnification. When you edit a skin, you must maintain the registration point in order for the skin to be displayed correctly. The upper-left corner of all edited symbols must be at (0, 0). 6. 9. When you finish editing the skin symbol, click the Back button at the left side of the information bar at the top of the Stage to return to document-editing mode. Select File > Save but don't close MyTheme. fla. Now you must create a new document in which to apply the edited skin to a component. For more information, see "Applying new skins to a component" on page 101, "Applying new skins to a subcomponent" on page 103, or "Changing skin properties in a subcomponent" on page 106. Flash does not display changes made to component skins when you view components on the Stage using Live Preview. N O TE About skinning components 99 Linking skin color to styles The version 2 component framework makes it easy to link a visual asset in a skin element to a style set on the component using the skin. To register a movie clip instance to a style, or an entire skin element to a style, add ActionScript code in the timeline of the skin to call mx. skins. ColoredSkinElement. setColorStyle(targetMovieClip, styleName). To link a skin to a style property: 1. 2. If you already applied the Sample theme to a document, skip to step 5. Select File > Import > Open External Library, and select the SampleTheme. fla file. This file is located in the application-level configuration folder. For the exact location on your operating system, see "About themes" on page 108. 3. In the theme's Library panel, select Flash UI Components 2/Themes/MMDefault, and drag the 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 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. [. . . ] This example uses the instance name myShelf. Select the component, open the Component inspector, and display the Parameters tab. Click the line that contains the collection property, and click the magnifying glass to the right of the line. Use the Values dialog box to enter values into the collection property. [. . . ]