Flex中通过设置textAlign样式在一个List控件中改变文本对齐方向的例子

接下来的例子演示了Flex中如何通过设置textAlign样式，在一个List控件中改变文本对齐方向。

我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

 

下面是完整代码(或 点击这里查看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Array id="arr">
8.         <mx:Object label="One" />
9.         <mx:Object label="Two" />
10.         <mx:Object label="Three" />
11.         <mx:Object label="Four" />
12.         <mx:Object label="Five" />
13.         <mx:Object label="Six" />
14.     </mx:Array>
16.     <mx:ApplicationControlBar dock="true">
17.         <mx:Form styleName="plain">
18.             <mx:FormItem label="textAlign:">
19.                 <mx:ComboBox id="comboBox"
20.                         dataProvider="[left,center,right]" />
21.             </mx:FormItem>
22.         </mx:Form>
23.     </mx:ApplicationControlBar>
25.     <mx:List id="list"
26.             dataProvider="{arr}"
27.             textAlign="{comboBox.selectedItem}"
28.             width="100" />
30. </mx:Application>