Как реализовать этот макет во Flex 4? - PullRequest
Новая
       10

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

1 голос
/ 23 апреля 2010

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

Ответы [ 2 ]

0 голосов
/ 24 апреля 2010

А вот и Юсуи, удачи: 

<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-приложения макет настроит макет до минимума, указанного в этих свойствах.

0 голосов
/ 24 апреля 2010

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

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

Для масштабирования просто установите расширяющиеся элементы управления на ширину и / или высоту "100%" в MXML.

...