suganya's Blog

Just another WordPress.com weblog

Tile container

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Tile direction="horizontal" >
  <mx:Image source="heavyrain.png"/>
  <mx:Image source="partlycloudy.png"/>
  <mx:Image source="sunny.png"/>
  <mx:Image source="thunder.png"/>
  <mx:Image source="cloudy.png"/>
  <mx:Image source="drizzle.png"/>
  <mx:Image source="snow.png"/>
  <mx:Image source="clearnight.png"/>
 </mx:Tile>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Form container

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Form>
  <mx:FormHeading label="Contact Info"/>
  <mx:FormItem label="First Name">
   <mx:TextInput/>
  </mx:FormItem>
  <mx:FormItem label="Last Name">
   <mx:TextInput/>
  </mx:FormItem>
 </mx:Form>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

ApplicationControlBar and ControlBar containers

The ApplicationControlBar provides easy access to functionality:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:ApplicationControlBar width="300">
  <mx:Button label="Back"/>
  <mx:Button label="Forward"/>
  <mx:TextInput width="60"/><mx:Button label="Search"/>
 </mx:ApplicationControlBar>
</mx:Application>
Panels can also make use of the ControlBar:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="My Application" layout="vertical" width="300">
<mx:Text text="What's your email?"/>
<mx:TextInput/>
<mx:ControlBar>
<mx:Button label="Cancel"/>
<mx:Button label="Save"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
Using divided boxes to allow the user to resize portions
 of the screen:
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
 <mx:Panel title="Reports Dashboard" width="300"> 
  <mx:DividedBox direction="horizontal" width="100%"> 
   <mx:VBox backgroundColor="#eeeeee" height="100%">  
   <mx:Text text="Categories" fontWeight="bold"/>   
  <mx:Button label="Finance" width="100%"/>     
<mx:Button label="Operations" width="100%"/>   
  <mx:Button label="I.T" width="100%"/>    
  <mx:Button label="Support" width="100%"/> 
    <mx:Button label="Network" width="100%"/> 
   </mx:VBox>  
  <mx:VDividedBox width="50%" height="100%">   
  <mx:VBox backgroundColor="#eeeeee" width="100%" >  
    <mx:Text text="Finance Reports" fontWeight="bold"/>    
  <mx:Text text="2008 Q1 Sales"/> 
     <mx:Text text="2008 Q2 Sales"/>  
   </mx:VBox>     
<mx:VBox backgroundColor="#eeeeee" width="100%" >   
   <mx:Text text="2008 Q1 Sales" fontWeight="bold"/> 
     <mx:Text text="North America: $2,832,132"/>  
    <mx:Text text="Europe: $1,912,382"/>     
<mx:Text text="Asia: $3,112,987"/>     
</mx:VBox> 
 </mx:VDividedBox>  
 </mx:DividedBox>
 </mx:Panel>
 </mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Panel container

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="My Application" status="Welcome"
       width="200" layout="horizontal">
<mx:Text text="Button"/> <mx:Button label="B"/>
</mx:Panel>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Using nested boxes

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
 <mx:VBox>
  <mx:HBox>
   <mx:Text text="Button"/> <mx:Button label="A"/>
  </mx:HBox>
  <mx:HBox>
   <mx:Text text="Button"/> <mx:Button label="B"/>
  </mx:HBox>
 </mx:VBox>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Box container

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
 <mx:Box>
  <mx:Button label="A"/><mx:Button label="B"/>
 </mx:Box>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Multiple Canvas containers

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
           layout="vertical" >
 <mx:Canvas width="200">
  <mx:Text text="A"/><mx:Button label="B" x="20" y="0"/>
 </mx:Canvas>
 <mx:Canvas width="200">
  <mx:Text text="C"/><mx:Button label="D" x="20" y="0"/>
 </mx:Canvas>
</mx:Application>

June 9, 2009 Posted by | Containers | Leave a Comment

Accessing the application’s variables

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Button label="{mx.core.Application.application.myString}"/>
</mx:Canvas>

June 9, 2009 Posted by | Containers | Leave a Comment

   

Follow

Get every new post delivered to your Inbox.