Import Skin Artwork dialog box, step 1
The next dialog box shows a list of all the Flex skins that were in the SWC.
23. Click Uncheck All and select the skins that you modified in Flash??”in this example, Button_skin
and Panel_borderSkin (Figure 6-16). Click Finish.
The skins that we created in Flash are now in the Flex project. Notice that the flex_skins.swc file
now appears in the src folder of the Flex project along with the MXML file and a CSS file called
flex_skins.css. The CSS file opens automatically. This CSS controls the connection between the SWC
file and the panels.
125
FLEX BUILDER AND FLASH
Figure 6-16. Import Skin Artwork dialog box, step 2
24. Open the FlashSkins.mxml file. Pull out a Button and a Panel component and place them as
shown in Figure 6-17. Run the project.
You will notice that the skins that we created in Flash are now used to display the components. The
animations on the button are also visible on rollover. It??™s interesting that the animations we created
for rollover are automatically reversed for rollout.
126
CHAPTER 6
Figure 6-17. Button and Panel with custom skins in Flex Builder
Importing Flash animations into Flex
The simplest way to import Flash content into Flex is to use the SWFLoader. The SWFLoader is a component
that brings in Flash content in much the same way an Image component brings in a .jpg. For
this example, a SWF file called octo.swf is provided with the files for this chapter. This Flash file contains
an animation by designer Mark Okon.
Pages:
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98