Flex Quick Starts: Building a Simple User Interface

There is an 8-part overview for building a simiple user interface with Flex in the Flex Quick Starts area of the Adobe Flex Development Center.

1. Using controls: Examples of using Text controls (Label, Text, TextArea, TextInput and RichTextEditor), Button controls (Button, LinkButton, CheckBox, RadioButton and PopupButton) and List controls (ComboBox, List, HorizontalList, DataGrid, Tile, Menu, and Tree).
2. Using containers: Examples of Layout containers (Panel, HDividedBox, VDividedBox, Tile, Form, ApplicationControlBar and ControlBar) and Navigation containers (Accordion, TabNavigator and ViewStack). The Spacer control was also discussed. In order to use the ViewStack container, you must also use a LinkBar, TabBar, ButtonBar or ToggleButtonBar control.
3. Styling your components: Using local style definitions, external style sheets, inline styles and the setStyle() method (which is computationally expensive and should be avoided when possible).
4. Adding effects: Example of defining effects and binding them to triggers.
5. Creating states: Example of multiple view states that correspond to different application conditions.
6. Defining state transitions: Example of using transitions when a view state change occurs, either in parallel or in sequence.
7. Using tooltips: Example of using ToolTips to provide helpful information to users.
8. Controlling the cursor: Example of controlling the (standard or custom) cursor image.