Flex中如何通过verticalScrollPolicy属性,控制VBox容器内容超过容器大小时滚动条自动显示与否...

main.mxml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
  3. layout="vertical"
  4. verticalAlign="middle"
  5. backgroundColor="white">
  6. <mx:Script>
  7. <![CDATA[
  8. private function updateScrollPosition():void {
  9. vSP.text = vBox.verticalScrollPosition.toString();
  10. mVSP.text = vBox.maxVerticalScrollPosition.toString();
  11. }
  12. ]]>
  13. </mx:Script>
  14. <mx:Style>
  15. VBox {
  16. paddingLeft: 10;
  17. paddingRight: 10;
  18. paddingTop: 10;
  19. paddingBottom: 10;
  20. }
  21. </mx:Style>
  22. <mx:ApplicationControlBardock="true">
  23. <mx:Form>
  24. <mx:FormItemlabel="verticalScrollPolicy:">
  25. <mx:ComboBoxid="comboBox">
  26. <mx:dataProvider>
  27. <mx:Array>
  28. <mx:Objectlabel="auto" />
  29. <mx:Objectlabel="on" />
  30. <mx:Objectlabel="off" />
  31. </mx:Array>
  32. </mx:dataProvider>
  33. </mx:ComboBox>
  34. </mx:FormItem>
  35. <mx:FormItemlabel="height:">
  36. <mx:HSliderid="slider"
  37. minimum="50"
  38. maximum="300"
  39. value="50"
  40. liveDragging="true"
  41. snapInterval="1"
  42. tickInterval="50"/>
  43. </mx:FormItem>
  44. <mx:FormItemlabel="verticalScrollPosition:">
  45. <mx:Labelid="vSP" />
  46. </mx:FormItem>
  47. <mx:FormItemlabel="maxVerticalScrollPosition:">
  48. <mx:Labelid="mVSP" />
  49. </mx:FormItem>
  50. </mx:Form>
  51. </mx:ApplicationControlBar>
  52. <mx:VBoxid="vBox"
  53. verticalScrollPolicy="{comboBox.selectedItem.label}"
  54. backgroundColor="haloSilver"
  55. width="200"
  56. height="200"
  57. updateComplete="updateScrollPosition();"
  58. creationComplete="updateScrollPosition();">
  59. <mx:Boxid="box"
  60. backgroundColor="haloBlue"
  61. width="100%"
  62. height="{slider.value}"/>
  63. </mx:VBox>
  64. </mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值