Apache flex 调整flex中的组件大小

我有一个包含3个项目的viewstack。现在我的问题是，我希望所有这些组件都具有相同的大小。手动操作就足够了，但是有没有其他方法可以同时设置所有组件的大小

您可能可以为这些项目设置“左/右/上/下”样式。

不确定您是否已经得到了答案

但我读到的是，可以将主应用程序的高度和宽度设置为100%。对于viewstack，您也将其设置为100%。它应该相应地调整子对象的大小

或者，您可以使用actionscript percentHeight和percentWidth来设置属性

有（大致）两种方法可以实现这一点，我马上就看到了：

基本上，将这些组件的宽度值绑定到一个变量，将其高度值绑定到另一个变量。对所有组件使用相同的两个变量。例如：

<mx:Script>
    <![CDATA[
        [Bindable]
        private var m_nWidth:Number = 50;

        [Bindable]
        private var m_nHeight:Number = 50;

        private function someFunc():void
        {
            m_nWidth = 100;
            m_nHeight = 200;
            // uic1, uic2, and uic3 are all now 100 x 200
        }
       ]]>
</mx:Script>
<mx:ViewStack id="vs">
    <mx:UIComponent id="uic1" width="{m_nWidth}" height="{m_nHeight}"/>
    <mx:UIComponent id="uic2" width="{m_nWidth}" height="{m_nHeight}"/>
    <mx:UIComponent id="uic3" width="{m_nWidth}" height="{m_nHeight}"/>
</mx:ViewStack>

<mx:Script>
    <![CDATA[
        private static const WIDTH:String = "50%";
        private static const HEIGHT:String = "25%";

        private function someFunc():void
        {
            vs.width = 200;
            vs.height = 800;
            // uic1, uic2, and uic3 are all now 100 x 200
        }
       ]]>
</mx:Script>
<mx:ViewStack id="vs">
    <mx:UIComponent id="uic1" width="{WIDTH}" height="{HEIGHT}"/>
    <mx:UIComponent id="uic2" width="{WIDTH}" height="{HEIGHT}"/>
    <mx:UIComponent id="uic3" width="{WIDTH}" height="{HEIGHT}"/>
</mx:ViewStack>

还可以在宽度和高度属性上设置百分比样式字符串，使其相对于ViewStack的大小进行缩放。例如：

<mx:Script>
    <![CDATA[
        [Bindable]
        private var m_nWidth:Number = 50;

        [Bindable]
        private var m_nHeight:Number = 50;

        private function someFunc():void
        {
            m_nWidth = 100;
            m_nHeight = 200;
            // uic1, uic2, and uic3 are all now 100 x 200
        }
       ]]>
</mx:Script>
<mx:ViewStack id="vs">
    <mx:UIComponent id="uic1" width="{m_nWidth}" height="{m_nHeight}"/>
    <mx:UIComponent id="uic2" width="{m_nWidth}" height="{m_nHeight}"/>
    <mx:UIComponent id="uic3" width="{m_nWidth}" height="{m_nHeight}"/>
</mx:ViewStack>

<mx:Script>
    <![CDATA[
        private static const WIDTH:String = "50%";
        private static const HEIGHT:String = "25%";

        private function someFunc():void
        {
            vs.width = 200;
            vs.height = 800;
            // uic1, uic2, and uic3 are all now 100 x 200
        }
       ]]>
</mx:Script>
<mx:ViewStack id="vs">
    <mx:UIComponent id="uic1" width="{WIDTH}" height="{HEIGHT}"/>
    <mx:UIComponent id="uic2" width="{WIDTH}" height="{HEIGHT}"/>
    <mx:UIComponent id="uic3" width="{WIDTH}" height="{HEIGHT}"/>
</mx:ViewStack>

---

他没有提到主应用程序的大小或100%的数字。