你對(duì)Flex組件中Label組件的用法是否了解，這里和大家分享一下，F(xiàn)lex組件中Label組件是一個(gè)單行和不可編輯文本標(biāo)簽，支持HTML標(biāo)記。

Flex組件之Label

Label組件是一個(gè)單行和不可編輯文本標(biāo)簽，支持HTML標(biāo)記。

創(chuàng)建方法：

<mx:Labeltextmx:Labeltext='這是一個(gè)普通文本標(biāo)簽'/> 

◆Flex組件中如果要在標(biāo)簽內(nèi)容中包含HTML特殊標(biāo)記，需要使用轉(zhuǎn)換字串

如要在標(biāo)簽中顯示<符號(hào)必須使用

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

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

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語法的標(biāo)簽屬性設(shè)置的時(shí)候仍然要轉(zhuǎn)換，如<mx:LabelhtmlText='&lt；b&gt；這是一個(gè)支持粗體顯示的HTML標(biāo)簽&lt；/b&t；'/>

另外的寫法是

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

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

使用腳本方式

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

 ◆目前支持的HTML標(biāo)記有：

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動(dòng)態(tài)讀取外部XML文件
2. Flex4中Halo主題的使用
3. 學(xué)習(xí)總結(jié) 在Flex中如何嵌入Flex字體
4. 揭開Flex正則表達(dá)式的神秘面紗
5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況