1

我有两种形式的布局。我正在使用滚动条,但滚动条没有与窗口对齐,而是出现在应用程序屏幕中间的某个位置。

<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 像素的屏幕截图。如您所见,滚动条未附加到窗口。

较小的应用程序视图

4

2 回答 2

1

如果您希望右侧的滚动条位于窗口的右侧,则将宽度设置为 100%。高度也一样。

如果您希望整个 WindowedApplication 滚动,请在属性选项卡中的 WindowedApplication 上启用滚动,或者添加一个全宽和全高的画布。

于 2012-01-04T00:58:25.913 回答
1

尝试像这样修改代码:

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

它应该工作。

于 2012-01-04T07:59:04.257 回答