Flex中更改FormItem容器中Label文本对齐方式

以下例子显示如果通过设置textAlign和labelStyleName两个属性来设置在FormItem容器中文本对齐方式。

'; } else { whichEl.style.display = 'none'; sb.innerHTML=' 显示代码'; whichEl.witdh="300px"; } }   隐藏代码

DE<<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2008/06/06/changing-the-label-text-alignment-in-a-formitem-container-in-flex/ --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"         layout="vertical"         verticalAlign="middle"         backgroundColor="white">     <mx:Script>         <![CDATA[             import mx.events.ListEvent;             private function comboBox_change(evt:ListEvent):void {                 var cssObj:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".customTextAlignLabel");                 cssObj.setStyle("textAlign", evt.currentTarget.selectedItem);             }         ]]>     </mx:Script>     <mx:Style>         FormItem {             labelStyleName: customTextAlignLabel;         }         .customTextAlignLabel {             textAlign: left;         }     </mx:Style>     <mx:ApplicationControlBar dock="true">         <mx:Form styleName="plain">             <mx:FormItem label="textAlign:">                 <mx:ComboBox id="comboBox"                         dataProvider="[left,center,right]"                         change="comboBox_change(event);" />             </mx:FormItem>         </mx:Form>     </mx:ApplicationControlBar>     <mx:Form>         <mx:FormItem label="Button">             <mx:TextInput />         </mx:FormItem>         <mx:FormItem label="ButtonBar">             <mx:TextInput />         </mx:FormItem>         <mx:FormItem label="CheckBox">             <mx:TextInput />         </mx:FormItem>         <mx:FormItem label="ColorPicker">             <mx:TextInput />         </mx:FormItem>         <mx:FormItem label="ComboBox">             <mx:TextInput />         </mx:FormItem>     </mx:Form> </mx:Application> DE<

查看Demo演示

原创作者： peterd。翻译整理：一路风尘