Shulou(Shulou.com)06/02 Report--

This article mainly shows you the "sample analysis of FlexBuilder development characteristics", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and study the "sample analysis of FlexBuilder development characteristics" this article.

Characteristics of FlexBuilder development

FlexBuilder's support for MXML interface design is quite powerful, supporting WYSIWYG development. MXML itself is configured by the tag language, so the way we operate MXML is more suitable for configuration and design. At the same time, in MXML, we often call ActionScript scripts, call custom components, do data binding and other operations, FlexBuilder provides perfect support for these aspects.

FlexBuilder development provides two modes for MXML development. You can see the Source and Design buttons above the editing area of FlexBuilder. Source is the code editing mode, we can write MXML code by hand to complete the writing of ActionScript; Design is the UI design pattern. When we switch to the UI design state, we switch to the UI design interface, as shown in figure 1.11. The functions of each functional area are as follows.

1.UI designer

The graphical interface is designed by WYSIWYG.

two。 Component toolbar

You can select various Flex visualization components and put them into the UI designer.

Figure 1.11FlexBuilder design interface (click to enlarge)

3. Attribute editing area

Edits the various properties of the selected Flex visualization component.

The use of the design interface is very simple, we can see all the available interfaces or data components from the component toolbar, you can drag and drop directly to the UI designer, and set the properties of the component through the property editing area. At the same time, it can flexibly switch between the editing state and the design state in the development process.

Let's look back at the * examples of HelloWorld and how it would be done using FlexBuilder.

◆ switches the FlexBuilder development status to "Design".

◆ add a Panel component to the UI designer, and then in the property editing area, set the property of Title to "FlexMXMLTest".

◆ adds a Label component to the Panel component (there will be a blue line positioning prompt during drag and drop). In the attribute editing area, set the Text property to "HelloWorld. World, Hello!" .

As shown in figure 1.12, we completed the HelloWorld program with a simple mouse drag and drop operation. This WYSIWYG development method can greatly improve the efficiency of interface development.

On the other hand, FlexBuilder also provides strong support for ActionScript. FlexBuilder contains a complete FlexSDK, so it has perfect support for all the features of ActionScript and is closely integrated with MXML.

When dealing with the package structure, you can create the corresponding folder directly under the Flex project to complete the organization of the ActionScript class in the Flex program.

For example, the program that uses FlexBuilder to edit the sample Calculator can create a myControls folder directly under the Calculator project and package two ActionScript class files Calculator.as and MyButton.as. During the coding process, FlexBuilder supports the rapid development index of ActionScript, and MyButton in figure 1.13 inherits the Button class, that is, MyButton can use all Button operations. Therefore, FlexBuilder will index all the properties and methods of Button, which improves the efficiency of coding.

Figure 1.12 use FlexBuilder to design and complete HelloWorld (click to enlarge)

Figure 1.13 Writing ActionScript using FlexBuilder3

The development of FlexBuilder follows the Eclipse system, and most of the advantages supported by Eclipse, such as development configuration, shortcut keys, debugging control, code refactoring and so on, are supported by FlexBuilder. FlexBuilder also supports version control software (CVS). We can manage both MXML code and ActionScript code through CVS, so the development of large projects through FlexBuilder can achieve twice the result with half the effort.

The above is all the contents of the article "sample Analysis of FlexBuilder Development characteristics". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.