Flex中如何通过paddingTop样式,设置TabNavigator控件内容与Tabs间距离

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:ApplicationControlBardock="true">
  7. <mx:FormstyleName="plain">
  8. <mx:FormItemlabel="paddingTop:">
  9. <mx:HSliderid="slider"
  10. minimum="0"
  11. maximum="20"
  12. value="10"
  13. liveDragging="true"
  14. snapInterval="1"
  15. tickInterval="1"/>
  16. </mx:FormItem>
  17. </mx:Form>
  18. </mx:ApplicationControlBar>
  19. <mx:TabNavigatorwidth="360"
  20. height="120"
  21. paddingTop="{slider.value}"
  22. backgroundColor="#666666">
  23. <mx:VBoxid="vb1" label="Red" backgroundColor="red">
  24. <mx:Labeltext="width:{vb1.width}, height:{vb1.height}" />
  25. </mx:VBox>
  26. <mx:VBoxid="vb2" label="Orange" backgroundColor="haloOrange">
  27. <mx:Labeltext="width:{vb2.width}, height:{vb2.height}" />
  28. </mx:VBox>
  29. <mx:VBoxid="vb3" label="Yellow" backgroundColor="yellow">
  30. <mx:Labeltext="width:{vb3.width}, height:{vb3.height}" />
  31. </mx:VBox>
  32. <mx:VBoxid="vb4" label="Green" backgroundColor="haloGreen">
  33. <mx:Labeltext="width:{vb4.width}, height:{vb4.height}" />
  34. </mx:VBox>
  35. <mx:VBoxid="vb5" label="Blue" backgroundColor="haloBlue">
  36. <mx:Labeltext="width:{vb5.width}, height:{vb5.height}" />
  37. </mx:VBox>
  38. </mx:TabNavigator>
  39. </mx:Application>

你可能感兴趣的:(xml,Flex,360,Adobe)