Flex Login Interface Development experience Sharing (III)

In the Flex Code Editor in Eclipse, you can see automatically generated lines of code with a "application" tag pair, which is a sign that the page is an application main scene (this concept is not unfamiliar to designers who use flash design animations or Web sites). , and this "application" tag on the entire system can only have one, this is always designed with the HTML code form of the Web page is very different, HTML code Form Web page does not apply the concept of the main scene, the pages are relatively independent, The form data transfer between pages is achieved through the jump between pages. And the flex system will not use the basic page jump, Flex is in a scenario page through a different "moudle (component)" Transition to achieve functional logic, all form data delivery is done in a page, which is now a lot of people say "page 0 refresh." When a user uses a system developed by Flex, as long as the first download of the main scene page complete, in different functional components between the form data transfer, the component switch will be in the home scene through the "Loading" prompts natural transition to the next logical component or result component, will not see the browser page refresh phenomenon.

Back to our Flex landing interface development process, in fact, whether for programmers or interface designers, visual development view can reduce our development time and improve the efficiency of the development of the page effect, we can through the "source/design" feature button switch development view. Now, Jackson switches the view to "design," as shown in Figure 5 (the Visual Development View window in Eclipse):

Figure 5 Visual Development View window in eclipse

In this view, we can finish the page development by dragging some common components into the scene. Now the login interface is developed, so we have to have the input frame component and the Submit button component. From the Components feature tab in the lower left corner, first in Layout (layout), locate the panel and drag to the main scene editing window on the right. As shown in Figure 6 (looking for a panel to add to the scene in components). A "panel" in a sense equivalent to an HTML code form of the Web page, we will input components and submit button components "loaded" into the panel, the "Panel" can be all the components in the overall operation.

Figure 6 Finding a panel in components adding to the scene