flex4滚动条([Flex4] VGroup 出現卷軸,使用VScrollBar)

原文地址:http://www.dotblogs.com.tw/junegoat/archive/2010/11/17/flex-vgroup-verticalscrollpolicy-vscrollbar.aspx

因為在Flex 3 中 的 VBox 只要設定 verticalScrollPolicy 就會出現…

但是在 Flex4(Flash Builder 4) 已經不見了…

現在的做法是改成 使用 VScrollBar 這物件去做控制.

這作法雖然麻煩點..

但是可以自訂的能力會變得更高…

怕忘記..

筆記一下…

<s:BorderContainer borderStyle="solid">
<s:VGroup id="myGroup" width="200" height="200" gap="10">
<s:Button label="x1" />
<s:Button label="x2" />
<s:Button label="x3" />
<s:Button label="x4" />
<s:Button label="x5" />
<s:Button label="x6" />
<s:Button label="x7" />
<s:Button label="x8" />
<s:Button label="x9" />
<s:Button label="x10" />
<s:Button label="x11" />
<s:Button label="x12" />
<s:Button label="x13" />
</s:VGroup>
<s:VScrollBar viewport="{myGroup}" height="{myGroup.height}" left="{myGroup.x + myGroup.width}" />
</s:BorderContainer>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Flex 中,HBox 和 VBox 都是容器,可以用来对子组件进行水平或垂直布局。其中组件的布局可以通过设置各组件的样式来实现。 对于 HBox,子组件会从左到右依次排列,可以通过设置子组件的样式来控制子组件的宽度、高度、间距等属性,比如: ```css <s:Group> <s:HGroup gap="10"> <s:Button label="Button 1"/> <s:Button label="Button 2"/> <s:Button label="Button 3"/> </s:HGroup> </s:Group> ``` 上面的代码中,`<s:HGroup>` 标签表示使用 HBox 布局,`gap` 属性表示子组件之间的间隔距离。可以看到,三个 Button 组件会依次横向排列,之间的间隔为 10px。 对于 VBox,子组件会从上到下依次排列,可以通过设置子组件的样式来控制子组件的宽度、高度、间距等属性,比如: ```css <s:Group> <s:VGroup gap="10"> <s:Button label="Button 1"/> <s:Button label="Button 2"/> <s:Button label="Button 3"/> </s:VGroup> </s:Group> ``` 上面的代码中,`<s:VGroup>` 标签表示使用 VBox 布局,`gap` 属性表示子组件之间的间隔距离。可以看到,三个 Button 组件会依次纵向排列,之间的间隔为 10px。 如果想让子组件自动居中,可以使用 Flex 提供的布局属性 `horizontalCenter` 和 `verticalCenter`,比如: ```css <s:Group> <s:HGroup horizontalCenter="0" verticalCenter="0"> <s:Button label="Button 1"/> <s:Button label="Button 2"/> <s:Button label="Button 3"/> </s:HGroup> </s:Group> ``` 上面的代码中,`horizontalCenter` 和 `verticalCenter` 属性分别表示子组件在水平和垂直方向上的居中对齐。可以看到,三个 Button 组件会水平和垂直居中排列。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值