MACROMEDIA FLEX-GETTING STARTED WITH FLEX Instrukcja Użytkownika Pobierz pdf (Strona 77)

<mx:HDividedBox width="100%" height="100%">

<mx:HBox backgroundColor="#ff9999" width="50%" height="100%"

borderStyle="solid">

<mx:Label text="Left part" />

</mx:HBox>

<mx:HBox width="50%" height="100%" borderStyle="solid">

<mx:Label text="Right part" />

</mx:HBox>

</mx:HDividedBox>

</mx:Application>

When

I run this in Flex Builder I see something similar to

Figure 4-18.

I can the drag the divider control to adjust the size of the left

and right parts to match my needs.

CSS

The best way to control the look of your Flex application is

through CSS. If you are familiar with CSS for HTML you will

find the CSS that’s supported by Flex to be very familiar.

To demonstrate I’ll take a very simple data entry form, make

the font size huge, and change the colors of the text inputs

based on CSS classes (see Example 4-19).

Figure 4-18. Two sections divided by an adjustable divider

CSS | 61

1 2 ... 72 73 74 75 76 77 78 79 80 81 82 ... 147 148

Brak uwag

MACROMEDIA FLEX-GETTING STARTED WITH FLEX Instrukcja Użytkownika Strona 77