Adobe Flex: вертикальное выравнивание меток в элементе управления Form - PullRequest
Новая
       15

Adobe Flex: вертикальное выравнивание меток в элементе управления Form

2 голосов
/ 09 марта 2011

Как показано на следующем рисунке, у меня есть форма в моем приложении.Существует 3 FormItems, из которых два содержат ComboBox и один HGroup с ComboBox и изображением.
В последнем FormItem метка не отцентрирована по вертикали.

Разница между FormItem 2-3(на рисунке красным) 18px.
Разница между FormItem 1-2 (на рисунке зеленым) составляет 22px.

Я предполагаю, что это из-за HGroup, но я не знаю, какрешить эту проблему.
Есть подсказки?

Код: 

<mx:Form>
  <mx:FormItem id="type" label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:HGroup verticalAlign="middle"
              height="25">
        <s:ComboBox />
        <mx:Image source="@Embed(source='assets/icons/info_xsmall.png')" />
    </s:HGroup>
  </mx:FormItem>
</mx:Form>

problem

1 Ответ

1 голос
/ 09 марта 2011

Вам нужна HGroup? Вместо этого попробуйте использовать свойство «direction» FormItem и установить его в «горизонтальный». Итак, ваш код теперь будет: 

<mx:Form>
  <mx:FormItem id="type" label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:" direction="horizontal">
        <s:ComboBox />
        <mx:Image source="@Embed(source='assets/icons/info_xsmall.png')" />
  </mx:FormItem>
</mx:Form>
...