在flex中調整組件大小

Question

我有一個3個項目的視圖堆棧。 現在我的問題是我希望所有這些組件的大小都相同。 它足以手動完成此操作，但是是否還有其他方法可以一次設置所有組件的大小？

Answer 1

我可以一目了然地使用（大致）兩種方法來解決此問題：

1. 基本上，您將這些組件的寬度值綁定到一個變量，並將它們的高度值綁定到另一個變量。 對所有組件使用相同的兩個變量。 例如：

    <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> 

2. 您還可以在其width和height屬性上設置百分比樣式的字符串，以使其根據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> 

Answer 2

您可能可以為這些項目設置“左/右/上/下”樣式。

Answer 3

不知道你是否已經得到答案

但是我讀到的是，您可以將主要應用程序的高度和寬度設置為100％。 對於視圖堆棧，您也將其設置為100％。 它應該相應地調整孩子的大小

或者您可以使用動作腳本percentHeight和percentWidth設置屬性