Question

如何设置Flex中TextArea控件文字位置的例子

Answer 1

下面的例子展示了如何通过设置Flex的TextArea控件中的textAlign风格，来设定该控件文字的左对齐，右对齐，居中对齐或者完全的识别一个文字块(block)。
下面是具体的程序源代码：

Download: main.mxml
<?xml version="1.0" encoding="utf-8"?>
<!- 2008/03/08/setting-the-text-alignment-in-a-textarea-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:Script>
<![CDATA[
import mx.events.ItemClickEvent;

private function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
textArea.setStyle("textAlign", evt.label);
}
]]>
</mx:Script>

<mx:Array id="arr">
<mx:String>left</mx:String>
<mx:String>center</mx:String>
<mx:String>right</mx:String>
<mx:String>justify</mx:String>
</mx:Array>

<mx:String id="lorem" source="lorem.txt" />

<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="textAlign:">
<mx:ToggleButtonBar id="toggleButtonBar"
dataProvider="{arr}"
selectedIndex="0"
itemClick="toggleButtonBar_itemClick(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

<mx:TextArea id="textArea"
text="{lorem}"
textAlign="left"
width="100%"
height="100%" />

</mx:Application>