Flex组件篇:Label

标签: flexhtmlfunctionlessstring脚本
4303人阅读 评论(1) 收藏 举报
分类:

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

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

 

 

1.


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

<mx:Label text='&lt;&lt;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='&lt;b &gt;这是一个支持粗体显示的HTML标签&lt; /b &t;' />

 

 

1.


另外的写法是

<mx:Label >

 

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

3. </mx:htmlText>

4. </mx:Label>

 

1.

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

<mx:Script>

 

2. <![CDATA[

3. function initText() { 

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

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>

 

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1038497次
    • 积分:13697
    • 等级:
    • 排名:第915名
    • 原创:305篇
    • 转载:28篇
    • 译文:0篇
    • 评论:592条
    最新评论
    [╄ 冷枫]简介