如何在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-->

它应该有用。