Динамическое добавление полосы прокрутки к компоненту flex - PullRequest
Новая
       31

Динамическое добавление полосы прокрутки к компоненту flex

0 голосов
/ 08 сентября 2011

Я застрял на этом слишком долго. Я думаю, что это просто, поэтому я должен что-то неправильно понять. Любая помощь / указатели приветствуются.

У меня есть компоненты формы искры, как

label1: textbox1
label2: textbox2 label3: textbox3 и т. д.

Я хочу, чтобы они отображались по всей ширине моего флэш-приложения. Когда я уменьшаю ширину флэш-плеера, я хочу, чтобы появилась полоса прокрутки. На данный момент полоса прокрутки не отображается.

Мой код: 

<s:layout>
    <s:VerticalLayout horizontalAlign="left" paddingTop="10" paddingBottom="10"/>
</s:layout>

<s:BorderContainer borderVisible="false">
    <s:layout>
        <s:HorizontalLayout/>
    </s:layout>
    <s:Form id="custAccountForm" height="100%">
        <s:layout>
            <s:FormLayout gap="-10" paddingLeft="-15" paddingRight="-45"/>
        </s:layout>
        <s:FormHeading label="Customer/Account Details"/>
        <s:FormItem label="CustomerName">
            <s:TextInput width="100%"/>
        </s:FormItem>
        <s:FormItem label="Account">
            <s:TextInput width="100%"/>
        </s:FormItem>
        <s:FormItem label="Currency">
            <s:ComboBox id="currencyCB" width="100%"/>
        </s:FormItem>
        <s:FormItem label="Account Balance">
            <s:TextInput width="100%" maxChars="24"/>
        </s:FormItem>
    </s:Form>
</s:BorderContainer>

Как получить вертикальную / горизонтальную полосу прокрутки, чтобы она появлялась только тогда, когда приложение меньше формы.

Спасибо

1 Ответ

0 голосов
/ 08 сентября 2011

Вам необходимо добавить скроллер .Архитектура Spark Flex 4.0 не пропускает полосы прокрутки в контейнеры, как это было с элементами управления в стиле Halo / MX.Концептуально вы можете сделать что-то вроде этого: 

<s:Scroller width="200" height="200">
 <s:Group width="100%" height="100%" clipAndEnableScrolling="true">

 <s:BorderContainer borderVisible="false">
...
    <s:Form id="custAccountForm" height="100%">
..
    </s:Form>
 </s:BorderContainer>
 </s:Group>
</s:Scroller>

В моем использовании я нахожу, что скроллер работает лучше всего, если заданы явная высота и ширина;и если заданный процент высоты и ширины будет соответствовать его содержанию - это означает, что у вас нет полос прокрутки.Если вам необходимо изменить размер браузера;вам придется изменить высоту и ширину скроллера при изменении контейнера.Возможно использование updateDisplayList () для изменения размера.

...