Flex 4.6 искры FormItem внутренний зазор (прокладка) не может быть удален? - PullRequest
0 голосов
/ 14 февраля 2012

При работе с искровыми формами Flex 4.6 я столкнулся со странным поведением:

Элемент FormItem ВСЕГДА имеет внутренний зазор (отступ), который нельзя удалить.

Красная область на изображении иллюстрирует нежелательный GAP , от которого мне не удается избавиться. Синяя рамка представляет Form компонент. Серая рамка (тонкая) представляет FormItem компонент.

enter image description here

FormItem не имеет свойства padding или gap.

Это код для изображения выше:

    <s:Form id="form">
        <s:layout>
            <s:FormLayout gap="0"
                          paddingBottom="50"
                          paddingTop="0"/>
        </s:layout>
        <s:FormItem width="100%" label="RC">
            <s:TextInput id="myTextInput" width="215"/>
        </s:FormItem>
    </s:Form>

При разработке для мобильных устройств вы хотите максимально эффективно использовать каждый пиксель на экране. Это неприемлемо для меня, так как я хочу иметь несколько TextInput полей, и этот пробел будет тратить много места ...

Итак, мой вопрос: можно ли удалить красную GAP? Я хочу, чтобы у моего FormItem было padding 0 - то есть TextInput граница коснется FormItem границы ...

1 Ответ

3 голосов
/ 14 февраля 2012

Хорошо, такими вещами обычно управляет обложка компонента, поэтому вам нужно предоставить собственную обложку для компонентов FormItem.Самый простой способ сделать это - скопировать скин, предоставленный Adobe, и внести некоторые изменения, которые будут выполнять то, что вам нужно.Больше всего вам нужно установить baseline на maxAscent:0 на row1 ConstraintRow и bottom на row1:0 на sequenceLabelDisplay, labelDisplay и contentGroup компонентов.

...