When you export the Fireworks document, via File ?ยค Export, be sure that you select MXML and Images
in the Export dialog box. That way, you export the design you created in Firework not as an image but
as an MXML file that Flex can read just as easily as if it were written in Flex Builder originally. All of the
Flex components that you used in Fireworks to create the layout (for example, the three panels) are
retained, and it will be possible to modify them in Flex Builder. The images that we used and modified
will be compressed to the appropriate size and stored in a folder called images.
Figure 4-24. Use these settings in the Export dialog box.
87
FLEX AND FIREWORKS
Inside Flex Builder, if you select the fireworksLayout.mxml file, you will find that all of the work that you
just did in Fireworks has transferred cleanly to Flex Builder. The images have been exported, complete
with the effects; the transparency that you placed on the TextArea has been converted to a component
property; and the positioning that you assigned to each component has been made into an absolute
layout position (see Figure 4-25).
23. Open the file that was created in Fireworks (called fireworksLayout.mxml) from Flex Builder.
Figure 4-25. Components with an absolute layout
You will notice that we have not yet done a variety of tasks: we have not named our panels, added the
TextArea components that will go into them, or applied CSS styling to our components. These things
are best done with Flex Builder.
Pages:
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78