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

Question

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

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

Answer 1

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

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

Answer 2

попытаться изменить код, как это:

<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--> 

она должна быть разработана.