Use Slider to control the width and height of ConstraintColumn

           
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    
    <mx:Script>
        
            [Bindable]
            public var txt:String = "Cor";
    
            private function changeColumnProportion():void
            {
                this.leftCol.percentWidth = (10 * colSlider.value);
            }
    
            private function changeRowProportion():void
            {
                this.row1.percentHeight = (10 * rowSlider.value);
            }
    
      
    </mx:Script>
    
    <mx:Canvas width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
        <mx:constraintColumns>
            <mx:ConstraintColumn id="leftCol" width="50%" />
            <mx:ConstraintColumn id="rightCol" width="50%" />
        </mx:constraintColumns>
        <mx:constraintRows>
            <mx:ConstraintRow id="row1" height="20%"/>
            <mx:ConstraintRow id="row2" height="80%" />
        </mx:constraintRows>
    
        <mx:HSlider id="colSlider" change="changeColumnProportion()" value="5"/>
        <mx:HSlider id="rowSlider" x="200" change="changeRowProportion()" value="5"/>
    
        <mx:Label text="{txt}" left="leftCol:0" right="leftCol:0" top="row2:0" bottom="row2:0"/>
        <mx:Label text="{txt}" left="rightCol:0" right="rightCol:0" top="row2:0" bottom="row2:0"/>
    
    </mx:Canvas>

</mx:Application>

Related examples in the same category

1.	Formatting data tips in a Slider
2.	Set snap interval value to 1 for horizontal slider
3.	Set tick interval value for horizontal slider
4.	Set value for horizontal slider
5.	Set minimum value to 1 for horizontal slider
6.	Set Horizontal slider to live dragging
7.	Use HSlider to choose value
8.	Use VSlider to choose value
9.	Two thumbs with thumbCount = 2
10.	Use a change event to show slider value in a TextArea control
11.	Use slider controls to adjust the effect's properties
12.	Call setThumbValueAt() method of HSlider to change the slider value
13.	Horizontal slider Label settings
14.	HSlider, snap and tick interval
15.	VSlider maximum, snap and tick interval
16.	Bind slider value to a Text control
17.	change event for HSlider
18.	Slider values property is a two-element array that contains the current value of the thumbs
19.	Get thumb index for two-thumb slider
20.	Use Slider to control the image width, height and alpha
21.	Bind Slider value to a Label
22.	Set minimum, maximum, tickInterval, snapInterval and Labels for Slider
23.	Rotating Fonts With Slider
24.	change width with slider
25.	Use Slider to control the background color for a Box
26.	Set Slider tip function
27.	Show a horizontal slider and a vertical slider with different properties set.
28.	HSlider Binding
29.	HSlider Event
30.	HSlider Data Tip
31.	Set alpha of DisplayObject when you move the slider
32.	Specify an offset used when adding a data child to the canvas for the labels with an HSlider control.
33.	Use Slider to change vertical Scroll Position
34.	Use dataTipFormatFunction to format the data tip text
35.	Invoke adjustThumb() method when the user clicks the button
36.	Bind Panel width to HSlider

Use Slider to control the width and height of ConstraintColumn : Slider « Components « Flex

Related examples in the same category