Регулировка размера компонента в flex

Question

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

Answer 1

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

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

или вы можете использовать actionscript процентHeight и процентWidth, чтобы установить свойство

Answer 2

Есть (примерно) два важных способа сделать это, которые я вижу сразу:

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>
   

Answer 3

Вы, вероятно, можете установить стили 'left / right / top / bottom' для этих элементов.