Flex Component Kit for Flash CS3
Thanks Adobe!
Recently released on Adobe Labs, the Flex component kit for flash cs3. After installing the component kit you will be able to build components in Flash, then rather simply export them as SWC files and use them natively in Flex as Flex components.
Requirements to run the kit:
Flash CS3, Flex 2 with path 2.0.1 path ( available here: http://adobe.com/go/kb401493 )
Using the component kit:
After installing the component kit you will have a shiny new component in your flash authoring environment: the UIMovieClip, which allows you to correctly convert a flash movieclip into a working flex component.
The UIMovieClip maps flash frame labels into states in Flex, so keep that in mind when creating your movieclip in flash. You can also setup custom transitions in this way by labeling your transition start frame as "transitionName:start" and your end frame as "transitionName:end". You will then be able to use the states and transitions natively in Flex. While I'm not going to go into detail on it here, it is also worth noting that you can setup custom events within your flash class that will then be available in your Flex applications.
To make your component in flash:
-create your movieclip, adding the necessary frame / transition labels, then right click and select make flex component. If you monitor the output panel at this point you will notice that your flash movie is automatically converted to 24fps (Flex's default frame rate) and publish as an SWC file (the file type used in flex).
To use your new component in Flex:
- In the flexBuilder project properties dialog select library path
- select add SWC and choose your swc file
- close dialog
Sizing your component:
-By default the width and height properties of your flash movieclip determine the size of the component in flex
- If you want to set an explicit bounding box size, you can setup a proxy bounding box. By doing this you will ensure that Flex respects your chosen size when it comes to the flow of your layout with Flex.
- To add a custome bounding box, add a symbol within your movieclip named "boundingBox".
Onward to Flex:
The new component will now be available in the flex authoring environment WITH CODE HINTING! So with your component now added, go into code view in Flex and start typing away. You'll notice that if you type code hint kicks in and allows you to select your new component. The component name will appear as the symbol name that you provided in flash, and all properties/methods of the component will now be available to flex.
You can get the Flex Component Kit for Flash CS3 at Adobe Labs here:
http://labs.adobe.com/wiki/index.php/Flex_Component_Kit_for_Flash_CS3
Recently released on Adobe Labs, the Flex component kit for flash cs3. After installing the component kit you will be able to build components in Flash, then rather simply export them as SWC files and use them natively in Flex as Flex components.
Requirements to run the kit:
Flash CS3, Flex 2 with path 2.0.1 path ( available here: http://adobe.com/go/kb401493 )
Using the component kit:
After installing the component kit you will have a shiny new component in your flash authoring environment: the UIMovieClip, which allows you to correctly convert a flash movieclip into a working flex component.
The UIMovieClip maps flash frame labels into states in Flex, so keep that in mind when creating your movieclip in flash. You can also setup custom transitions in this way by labeling your transition start frame as "transitionName:start" and your end frame as "transitionName:end". You will then be able to use the states and transitions natively in Flex. While I'm not going to go into detail on it here, it is also worth noting that you can setup custom events within your flash class that will then be available in your Flex applications.
To make your component in flash:
-create your movieclip, adding the necessary frame / transition labels, then right click and select make flex component. If you monitor the output panel at this point you will notice that your flash movie is automatically converted to 24fps (Flex's default frame rate) and publish as an SWC file (the file type used in flex).
To use your new component in Flex:
- In the flexBuilder project properties dialog select library path
- select add SWC and choose your swc file
- close dialog
Sizing your component:
-By default the width and height properties of your flash movieclip determine the size of the component in flex
- If you want to set an explicit bounding box size, you can setup a proxy bounding box. By doing this you will ensure that Flex respects your chosen size when it comes to the flow of your layout with Flex.
- To add a custome bounding box, add a symbol within your movieclip named "boundingBox".
Onward to Flex:
The new component will now be available in the flex authoring environment WITH CODE HINTING! So with your component now added, go into code view in Flex and start typing away. You'll notice that if you type
You can get the Flex Component Kit for Flash CS3 at Adobe Labs here:
http://labs.adobe.com/wiki/index.php/Flex_Component_Kit_for_Flash_CS3
posted by poser187 at
9:14 AM
0 Comments
