6
Chapter 1: Getting Started with Flex Builder
Design view
(View > Design) lets you lay out and edit an MXML user interface visually. Design
view has two modes: Expanded and Standard. In Expanded mode, you can easily insert, edit,
position, or resize MXML components because Flex Builder adds temporary borders and padding
around objects. In Standard mode, Flex Builder removes the borders and padding to give you a
more accurate picture of how the MXML file will look in Macromedia Flash Player.
Code view
(View > Code) lets you work with code. MXML and ActionScript syntax is color-
coded and code hints assist you as you type. Design view tools such as the Insert bar, Tag
inspector, and Data panel are also fully functional in Code view.
The ActionScript debugging panels
help you debug your code after setting breakpoints and
switching to debug mode. The debugging panels include the Variables panel, the Watch panel,
the Output panel, and the Call Stack panel. For more information, see
“Debugging ActionScript”
on page 87
.
The Network Monitor panel
helps you monitor network traffic and data going back and forth
between the client and the Flex server. For more information, see
“Debugging applications by
monitoring interactions with the server” on page 91
.
The Insert bar
lets you rapidly insert Flex containers and components in Design view by clicking
or dragging. The Insert bar also lets you rapidly insert their tags in Code view.
Note:
The Favorites tab found in Macromedia Dreamweaver is not supported in Flex Builder.
Summary of Contents for FLEX BUILDER-USING FLEX BUILDER
Page 1: ...Using Flex Builder...
Page 116: ...116 Chapter 4 Building a Flex User Interface Visually...
Page 144: ...144 Chapter 6 Working with Data...
Page 154: ...154 Appendix A Basic Flex Concepts...