Flex中如何通过设置separatorWidth样式来设定LinkBar控件各项目间分隔宽度的例子
By Minidxer | May 2, 2008
首先感谢peterd把全文检索博客加到了他/她（到现在我依然不知道ta是男还是女）的“a bunch of handy Flex links as I come across”中并标记为Chinese FlexExamples，呵呵，虽然peterd同志看不懂这段话，不过还是Thanks一下。
Flex中LinkBar控件的例子，前面已经讲过几个了。例如通过horizontalGap设置各项目间横向间隔的例子，通过verticalGap
设定LinkBar控件各项目纵向间隔(vertical spacing)的例子以及如何设定LinkBar控件链接间分隔符颜色的例子等。接下来的例子则演示了如何通过设置separatorWidth样式来设定LinkBar控件各项目间分隔宽度。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里查看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Array id="arr">
- <mx:Object label="Alert" />
- <mx:Object label="Button" />
- <mx:Object label="ButtonBar" />
- <mx:Object label="CheckBox" />
- <mx:Object label="ColorPicker" />
- <mx:Object label="ComboBox" />
- </mx:Array>
- <mx:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="separatorWidth:">
- <mx:HSlider id="slider"
- minimum="0"
- maximum="10"
- value="1"
- liveDragging="true"
- snapInterval="1"
- tickInterval="1" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:LinkBar id="linkBar"
- dataProvider="{arr}"
- separatorWidth="{slider.value}" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
No Comments » |
28 views
Tags: Flex, LinkBar, separatorWidth, 分隔宽度