Настройка размера компонента в flex

Question

У меня есть viewstack с 3 элементами в нем. Теперь моя проблема в том, что я хочу, чтобы все эти компоненты имели одинаковый размер. Его достаточно просто сделать это вручную, но есть ли другой способ установить размер для всех компонентов одновременно?

Answer 1

Возможно, вы можете установить стили «левый/правый/верхний/нижний» для этих элементов.

Answer 2

не уверен, если вы уже получили ответ

но то, что я прочитал, что вы можете установить основное приложение, чтобы быть 100% по высоте и ширине BOTT. для viewstack вы также устанавливаете его на 100%. она должна изменить размеры детей соответственно

или вы можете использовать Actionscript percentHeight и percentWidth установить свойство

Answer 3

Там будет (примерно) два большого время пути идти об этом, что я вижу, сразу же:

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. Вы также можете установить строки в процентах стиля по ширине и высоте атрибутов, что делает их масштабируются относительно размера 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>