Flex组件篇：Label

Label组件是一个单行和不可编辑文本标签，支持HTML标记。
创建方法：

<mx:Label text='这是一个普通文本标签' />

 

 

1.

如果要在标签内容中包含HTML特殊标记，需要使用转换字串
如要在标签中显示 < 符号必须使用

<mx:Label text='<；<；Prev' />

 

 

1.

如果觉得这样的写法太麻烦，可以使用CDATA标记

<mx:Label>

 

2. <mx:text>CDATA[This string contains a less than, <, greater than, >,

3. and amp, &. ]]>

4. mx:text>

5. mx:Label>

 

1.

更加灵活的方式仍然是使用脚本方式

 

1. <mx:Script>
 

2. CDATA[
 

3. function initText() { 
 

4. myLabel.text='This string contains a less than, <, greater than, >,
 

5. and amp, &.'
 

6.  }
 

7. ]]>
 

8. mx:Script>
 

9. <mx:Label id='myLabel' initialize='initText()' />

 

 

支持HTML语法的标签属性设置的时候仍然要转换，如

<mx:Label htmlText='<；b >；这是一个支持粗体显示的HTML标签<； /b &t；' />

 

 

1.

另外的写法是

<mx:Label >

 

2. <mx:htmlText>CDATA[<b>这是一个支持粗体显示的HTML标签b> ]]>

3. mx:htmlText>

4. mx:Label>

 

1.

要注意的是使用子标记和使用htmlText属性是等效的。
使用脚本方式

<mx:Script>

 

2. CDATA[

3. function initText() { 

4. myLabel.htmlText = '这是一个支持粗体显示的HTML标签';

5.  }

6. ]]>

7. mx:Script>

8. <mx:Label id='myLabel'  initialize='initText()' />

 

1.

目前支持的HTML标记有：

 

1. <a> 支持href和target属性
 

2. <b>
 

3. <br>
 

4. <p> 支持align属性
 

5. <font> 支持size color face 
 

6. <i>
 

7. <li>
 

8. <span> 只支持class属性，用来定义样式
 

9. <u>