Как использовать скроллер, содержащий две формы в Adobe Flex?

У меня есть макет с двумя формами. Я использую скроллер, но полосы прокрутки не выравниваются по окну, а появляются где-то в середине экрана приложения.

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                   xmlns:s="library://ns.adobe.com/flex/spark" 
                   xmlns:mx="library://ns.adobe.com/flex/mx">
<s:Scroller width="601" height="539">

<s:Group >

<s:Form  x="5" y="10" >
    <s:FormItem width="265" label="Name:" textAlign="right">
        <s:TextInput width="150"/>
    </s:FormItem>
            ...
</s:Form>
<s:Form x="300" y="10">
    <s:FormItem width="265" label="Color:" textAlign="right">
        <s:TextInput width="150"/>
    </s:FormItem>
            ...
</s:Form>

</s:Group>
</s:Scroller>
</s:WindowedApplication>

Ниже Вы можете увидеть скриншот моего приложения. На границах нет полос прокрутки.

Вид приложения

Вот снимок экрана со скроллером, установленным на ширину и высоту на 300 пикселей. Как видите, полоса прокрутки не привязана к окну.

просмотр меньшего приложения


forms scroller apache-flex
person pixel    schedule 03.01.2012    source источник
comment
если вы выберете изображение захвата, оно будет более понятным   -  person kaissun    schedule 03.01.2012
comment
Предоставьте два изображения, надеюсь, это поможет ответить на этот вопрос :)   -  person pixel    schedule 04.01.2012

Ответы (2)


arrow_upward
1
arrow_downward

Если вы хотите, чтобы полоса прокрутки справа находилась справа от окна, установите ширину на 100%. То же самое по высоте.

если вы хотите, чтобы прокручивалось все WindowedApplication, включите прокрутку в WindowedApplication на вкладке свойств или добавьте холст полной ширины и высоты.

person ShaunOReilly    schedule 04.01.2012

arrow_upward
1
arrow_downward

попробуйте изменить код следующим образом:

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                   xmlns:s="library://ns.adobe.com/flex/spark" 
                   xmlns:mx="library://ns.adobe.com/flex/mx"
                   width="100%" height="100%">
<s:Scroller width="100%" height="100%">
<!--... the rest of the code-->

это должно работать.

person kaissun    schedule 04.01.2012