解析Flex组件中Label组件的用法

开发 后端
本文向大家介绍一下Flex组件中Label组件的用法,Label组件是一个单行和不可编辑文本标签,支持HTML标记,欢迎大家一起来学习Flex组件。

你对Flex组件中Label组件的用法是否了解,这里和大家分享一下,Flex组件中Label组件是一个单行和不可编辑文本标签,支持HTML标记。

Flex组件之Label

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

创建方法:

  1. <mx:Labeltextmx:Labeltext='这是一个普通文本标签'/> 

◆Flex组件中如果要在标签内容中包含HTML特殊标记,需要使用转换字串

如要在标签中显示<符号必须使用

  1. <mx:Labeltextmx:Labeltext='&lt;&lt;Prev'/> 

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

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

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

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

 ◆Flex组件中Label支持HTML语法的标签属性设置的时候仍然要转换,如<mx:LabelhtmlText='&lt;b&gt;这是一个支持粗体显示的HTML标签&lt;/b&t;'/>

另外的写法是

  1. 1.<mx:Label> 
  2.  
  3. 2.<mx:htmlText><![CDATA[<b>这是一个支持粗体显示的HTML标签</b>]]> 
  4.  
  5. 3.</mx:htmlText> 
  6.  
  7. 4.</mx:Label> 
  8.  

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

使用脚本方式

  1. 1.<mx:Script> 
  2.  
  3. 2.<![CDATA[  
  4.  
  5. 3.functioninitText(){  
  6.  
  7. 4.myLabel.htmlText='<B>这是一个支持粗体显示的HTML标签</B>';  
  8.  
  9. 5.}  
  10.  
  11. 6.]]> 
  12.  
  13. 7.</mx:Script> 
  14.  
  15. 8.<mx:Labelidmx:Labelid='myLabel'initialize='initText()'/> 
  16.  

 ◆目前支持的HTML标记有:

  1. 1.<a>支持href和target属性  
  2.  
  3. 2.<b> 
  4.  
  5. 3.<br> 
  6.  
  7. 4.<p>支持align属性  
  8.  
  9. 5.<font>支持sizecolorface  
  10.  
  11. 6.<i> 
  12.  
  13. 7.<li> 
  14.  
  15. 8.<span>只支持class属性,用来定义样式  
  16.  
  17. 9.<u> 
  18.  

【编辑推荐】

  1. Flex动态读取外部XML文件
  2. Flex4中Halo主题的使用
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. Flex数据绑定及其使用频繁的几种情况 

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-13 09:21:12

FlexButton组件

2010-07-28 10:48:48

FlexReport开

2010-08-13 13:31:48

Flex效果组件

2010-08-05 10:16:14

Flex效果

2010-08-05 10:08:06

Flex效果

2010-08-13 13:46:04

Flex效果组件

2010-07-27 13:53:15

Flex ComboB

2010-08-05 11:07:18

重写Flex组件

2010-08-12 11:21:30

重写Flex组件

2010-08-05 10:29:11

Flex效果

2010-08-05 10:22:46

Flex效果

2009-08-20 10:12:59

Flex Alert组

2010-08-05 10:58:55

Flex组件

2010-07-30 13:40:59

Flex开发

2010-08-04 14:44:33

Flex图表

2010-07-28 12:58:24

Flex DateCh

2010-08-13 13:14:09

Flex图表

2010-08-13 13:39:51

Flex效果组件

2010-08-12 13:34:13

Flex验证组件

2010-07-28 12:52:39

Flex组件
点赞
收藏

51CTO技术栈公众号