Map some HRules and VRules to constraint rows and columns : HRule « Components « Flex

1. Flex
2. Components
3. HRule

Map some HRules and VRules to constraint rows and columns

       


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:constraintColumns>
        <mx:ConstraintColumn id="col1" width="200" />
        <mx:ConstraintColumn id="col2" width="100%" />
    </mx:constraintColumns>
    <mx:constraintRows>
        <mx:ConstraintRow id="row1" height="100" />
        <mx:ConstraintRow id="row2" height="100%" />
    </mx:constraintRows>
    <mx:VRule height="100%" left="col1:0" />
    <mx:VRule height="100%" left="col2:0" />
    <mx:HRule width="100%" top="row1:0" />
    <mx:HRule width="100%" top="row2:0" />
    <mx:Button label="column 1, row 1" left="col1:5" right="col1:5" top="row1:5" bottom="row1:5" />
    <mx:Button label="column 1, row 2" left="col1:5" right="col1:5" top="row2:5" bottom="row2:5" />
    <mx:Button label="column 2, row 1" left="col2:5" right="col2:5" top="row1:5" bottom="row1:5" />
    <mx:Button label="column 2, row 2" left="col2:5" right="col2:5" top="row2:5" bottom="row2:5" />
</mx:Application>

   
    
    
    
    
    
    
  

Related examples in the same category

1.	Create HRule and VRule controls using and
2.	Specify line width, stroke color, and shadow color for HRule and VRule controls
3.	Use HRule to divide controls
4.	HRule stroke color
5.	HRule width is binded to another control
6.	Use HRule for Form
7.	Rule Properties