Flexing the Flash Review - Some hands-on experiments
(Page 5 of 6 )
Add a label to the design view
Click on the Label control in the Controls folder and drag it to the design pane of NewFlex.mxml. You will now see the label and its position on the design pane in the applications layout area as shown in this picture.
Configure the label
Change the size of the label to a width of 300 and a height of 60 in the label's area under the Flex Application on the right. Also change the label's text to "Welcome to Flex." The controls show information in the tool tip when you hover on them, and drop relevant menus as needed.
Just near the Navigator menu item, you see a green arrow button which is the "Run" button (refer to the picture in the section "Main parts of the IDE"). Click on it and you will see the following screen.
Place a check mark for the file as shown and click OK. This brings up the launch screen for just a second or so, and the web page is launched as shown here.
Source view of the NewFlex.mxml file
Clicking on the Source tab brings up the source view of the MXML application as shown in the next picture. This file adheres to the XML standard and is well-formed. The tags shown are Flex specific.
Now you have an application outline
As objects are added you should start seeing the build up of the outline, very much like the document outline in Word or a web page.
Next: How do you make changes to the MXML source code? >>
More Flash Articles
More By Jayaram Krishnaswamy
/ 9 
