Как реализовать этот макет в Flex 4?

Question

Я довольно новичок в разработке Flex. Теперь я изучаю макеты в Flex. Я пытаюсь сделать следующий макет. alt text http://get2know.it/wp-content/uploads/2010/04/2010-04-23_232857.png Красная стрелка означает, что при увеличении окна появляется виджет с красной стрелкой. Может ли кто-нибудь реализовать этот макет в Flex? Заранее спасибо.

Answer 1

Здесь идет Yousui удачи:

<s:layout> 
    <s:BasicLayout/> 
</s:layout> 
<s:Label text="Name:" left="9.8" top="16.4" width="38" height="12"/> 
<s:Label text="Description:" left="9.75" top="45.85"/> 
<s:Label text="Pattern:" left="9.5" top="76"/> 
<s:TextInput left="85" top="10" right="353"/> 
<s:TextInput left="85.5" top="40" right="10.5"/> 
<s:TextArea left="86" top="70" right="7" bottom="34"/> 
<s:Button label="Insert Variable" bottom="6" left="86"/> 
<s:Label text="Context:" width="45" top="16" right="300"/> 
<s:ComboBox width="150" top="10" right="143"/> 
<s:CheckBox label="Automatically insert" top="11" right="10.700012"/> 
<s:Button label="Cancel" right="7" bottom="6.450012"/> 
<s:Button label="OK" right="84.599976" bottom="6.799988"/> 

Если вы используете Flash Builder Mac или Win версии у вас есть вид дизайна доступны (Linux Flash Builder не имеет), эта конструкция будет легко делать.

Но я думаю, что вы, вероятно, не привыкли к тому, что Flash Builder обрабатывает позиционирование элемента управления, если тот случай:

• Вставьте этот код в файле MXML у вас есть
• Перейти Проектировать просмотрите и выберите один из этих элементов управления.
• Вы увидите на панели свойств в разделе «Размер и положение», подзаголовок «Ограничения», вы можете заблокировать (справа, слева, сверху и снизу) углы вашего элемента управления таким образом, чтобы вы могли получить желаемый эффект, который вам нужен.

Панель «Свойства» не отображается. Откройте «Окно»> «Показать вид»> «Свойства».

Надеюсь, это поможет.

EDIT:

Если у вас есть MinWidth и MinHeight свойства, указанное в теге приложений, нужно учитывать, что при усадке вашего Flash-приложении, макет будет настроить расположение к минимуму, указанному в этих свойствах.

Answer 2

Вы могли бы сделать что-то вроде этого:

<VBox> 
    <HBox> 
     ... // Name, context... 
    </HBox> 
    <HBox> 
     ... // Description... 
    </HBox> 
    <HBox> 
     <Label text="Pattern: "/> 
     <VBox> 
      ... // text and insert variable 
     </VBox> 
    </HBox> 
</VBox> 

Для вашего масштабированием, просто установите ваши расширяющиеся элементы управления, чтобы иметь ширину и/или высоту «100%» в MXML.