You will need to stretch
the image using the Scale tool (shown selected in Figure 4-4) to get the right look,
as shown in Figure 4-5. This will distort your image somewhat, so be careful not to
do this too much. To prevent distortion, you can hold down the Shift key as you use
the Scale tool. This will change the size but maintain the aspect ratio of the image.
Figure 4-4. Select the
Scale tool.
74
CHAPTER 4
4. Position and scale the image as shown in Figure 4-5.
Figure 4-5. Imported background image
Organizing Flex Components in Fireworks
One of the reasons that Fireworks plays so well with Flex is that Fireworks has a library of Flex components.
This means that you can, while staying in Fireworks, place Flex components such as combo
boxes and panels onto your layout. The layout that you create in Fireworks then already has the components
in place??”without you having to use code??”when it is imported into Flex Builder. Our next
step is to bring in the Flex components, which you??™ll find in the Common Library.
75
FLEX AND FIREWORKS
5. In Fireworks, open the Common Library by selecting Window ?¤ Common Library (see Figure 4-6)
or by pressing F7.
The Common Library (shown in Figure 4-7) contains a variety of elements, such as bullets, that are used
repeatedly in designs, but most importantly for us, it contains the most commonly used Flex components.
6. Drag a Panel component onto the canvas and copy it two times.
Copying the one panel two times is an easier way to get three identical copies.
Pages:
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72