Macromedia flex 2 Manual

Implementing the component

163

Component users can also override the default size settings in an application by using the 
component in the following ways:

■

Setting the 

explicitHeight

 and 

exlicitWidth

 properties

■

Setting the 

width

 and 

height

 properties

■

Setting the 

percentHeight

 and 

percentWidth

 properties

For example, you can define a 

Button

 control with a default size of 100 pixels wide and 

50 pixels tall, and a default minimum size of 50 pixels by 25 pixels, as the following example 
shows:

package myComponents
{
    // asAdvanced/myComponents/DeleteTextArea.as
    import mx.controls.Button;

    public class BlueButton extends Button {
    
        public function BlueButton() {
            super();
        }

        override protected function measure():void {
            super.measure();
    
            measuredWidth=100;
            measuredMinWidth=50;
            measuredHeight=50;
            measuredMinHeight=25;
        }
    }
}

The following application uses this button in an application:

<?xml version="1.0"?> 
<!-- asAdvanced/MainBlueButton.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:MyComp="myComponents.*" >

    <mx:VBox>
        <MyComp:BlueButton/>
        <mx:Button/>
    </mx:VBox>
</mx:Application>

In the absence of any other sizing constraints on the button, the 

VBox

 container uses the 

default size and default minimum size of the button to calculate its size at run time. For 
information on the rules for sizing a component, see Chapter 13, “Introducing Containers,” 
in Flex 2 Developer’s Guide.