Flex中如何通过horizontalGap样式,设置TabBar控件各个Tab间空格间距

本文介绍了一个使用 Flex 框架实现的动态调整 TabBar 间隔的应用案例。该应用通过 HSlider 控件动态设置 TabBar 的 horizontalGap 属性,实现了 Tab 项水平间距的实时变化效果。案例中运用了 mx 库中的 Application、Array、Object、ApplicationControlBar、Form、FormItem 和 TabBar 等组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  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:Arrayid="arr">
  7. <mx:Objectlabel="The quick" />
  8. <mx:Objectlabel="brown fox" />
  9. <mx:Objectlabel="jumped over" />
  10. <mx:Objectlabel="the lazy fox" />
  11. </mx:Array>
  12. <mx:ApplicationControlBardock="true">
  13. <mx:Form>
  14. <mx:FormItemlabel="horizontalGap:">
  15. <mx:HSliderid="slider"
  16. minimum="-5"
  17. maximum="10"
  18. value="-1"
  19. liveDragging="true"
  20. snapInterval="1"
  21. tickInterval="1"/>
  22. </mx:FormItem>
  23. </mx:Form>
  24. </mx:ApplicationControlBar>
  25. <mx:TabBarid="tabBar"
  26. horizontalGap="{slider.value}"
  27. dataProvider="{arr}"/>
  28. </mx:Application>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值