你對Flex組件中Label組件的用法是否了解，這里和大家分享一下，Flex組件中Label組件是一個單行和不可編輯文本標簽，支持HTML標記。

Flex組件之Label

Label組件是一個單行和不可編輯文本標簽，支持HTML標記。

創建方法：

<mx:Labeltextmx:Labeltext='這是一個普通文本標簽'/> 

◆Flex組件中如果要在標簽內容中包含HTML特殊標記，需要使用轉換字串

如要在標簽中顯示<符號必須使用

<mx:Labeltextmx:Labeltext='&lt；&lt；Prev'/> 

如果覺得這樣的寫法太麻煩，可以使用CDATA標記

1.<mx:Label> 
 
2.<mx:text><![CDATA[Thisstringcontainsalessthan,<,greaterthan,>,  
 
3.andamp,&.]]> 
 
4.</mx:text> 
 
5.</mx:Label> 
 

 ◆更加靈活的方式仍然是使用腳本方式

1.<mx:Script> 
 
2.<![CDATA[  
 
3.functioninitText(){  
 
4.myLabel.text='Thisstringcontainsalessthan,<,greaterthan,>,  
 
5.andamp,&.'  
 
6.}  
 
7.]]> 
 
8.</mx:Script> 
 
9.<mx:Labelidmx:Labelid='myLabel'initialize='initText()'/> 
 

 ◆Flex組件中Label支持HTML語法的標簽屬性設置的時候仍然要轉換，如<mx:LabelhtmlText='&lt；b&gt；這是一個支持粗體顯示的HTML標簽&lt；/b&t；'/>

另外的寫法是

1.<mx:Label> 
 
2.<mx:htmlText><![CDATA[<b>這是一個支持粗體顯示的HTML標簽</b>]]> 
 
3.</mx:htmlText> 
 
4.</mx:Label> 
 

 ◆要注意的是使用<mx:htmlText>子標記和使用htmlText屬性是等效的。

使用腳本方式

1.<mx:Script> 
 
2.<![CDATA[  
 
3.functioninitText(){  
 
4.myLabel.htmlText='<B>這是一個支持粗體顯示的HTML標簽</B>';  
 
5.}  
 
6.]]> 
 
7.</mx:Script> 
 
8.<mx:Labelidmx:Labelid='myLabel'initialize='initText()'/> 
 

 ◆目前支持的HTML標記有：

1.<a>支持href和target屬性  
 
2.<b> 
 
3.<br> 
 
4.<p>支持align屬性  
 
5.<font>支持sizecolorface  
 
6.<i> 
 
7.<li> 
 
8.<span>只支持class屬性，用來定義樣式  
 
9.<u> 
 

【編輯推薦】

1. Flex動態讀取外部XML文件
2. Flex4中Halo主題的使用
3. 學習總結 在Flex中如何嵌入Flex字體
4. 揭開Flex正則表達式的神秘面紗
5. Flex數據綁定及其使用頻繁的幾種情況