关闭

Flex组件篇:Label

标签: flexhtmlfunctionlessstring脚本
4511人阅读 评论(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网站的观点或立场

Flex常用组件

Flex常用组件(上)学习内容Ø Flex组件的分类Ø Flex常用组件的使用。Ø 使用组件处理数据和交互Ø ActionScript3.0和JavaScript交互能力目标Ø 掌握使用各种常用组件搭...
  • zhangchen124
  • zhangchen124
  • 2017-03-11 07:43
  • 991

NGUI基本组件学习(1)-->Label、Button、Input

NGUI-API 网址:点击打开链接
  • aa4790139
  • aa4790139
  • 2014-06-12 16:59
  • 6167

Flex 给Tree的每个节点添加自定义图标

此功能通过上一博文中第二种方式
  • luohuayuan69
  • luohuayuan69
  • 2014-06-06 14:16
  • 511

FLEX拖拽实现及介绍

Flex组件内置了处理拖拽事件的接口,有些控件已经实现了拖拽功能,比如List、DataGrid、Menu、 HorizontalList、 PrintDataGrid、TileList、Tre...
  • vincent50411
  • vincent50411
  • 2014-03-08 19:49
  • 1020

flex中获得子组件的父级对象和顶级对象

parentApplication 组件的parentApplication属性包含此组件的Application对 象,Application对象本身的parentApplication为null...
  • catherine0_0
  • catherine0_0
  • 2013-01-22 09:57
  • 632

Unity3D入门——GUI的Label控件

Unity为大家提供了一套很完整的图形化界面引擎,包括窗口、文本框、拖动条等。下面将为大家介绍主要的基本控件。 Label控件        Label控件(标签控件)以文本的形式来显示一串字符...
  • renwudao24
  • renwudao24
  • 2015-05-26 20:28
  • 4854

flex布局详解

flex布局
  • w20101310
  • w20101310
  • 2016-10-12 14:03
  • 1097

Flex定制Tree外观

定制Tree 的外观 给Tree准备数据
  • erwin2012
  • erwin2012
  • 2017-06-14 23:06
  • 259

Flex之旅:第二部分:容器与布局(2)---动态添加组件(TabNavigator)

动态添加组件 其实所谓的动态添加组件,就是使用as代码去添加,而不是使用标签去事先定义好。 我定义了一个TabNavigator,初始化时候,没有往里面添加任何的组件。 之后...
  • miqi770
  • miqi770
  • 2015-03-26 10:23
  • 3604

NGUI Label组件介绍

Label组件简介 Label常用属性 Label组件简介 在UI界面中,经常会通过使用文字来对内容进行说明,这些文字的显示就需要使用到NGUI中的Label组件. 我们可以通过菜单栏...
  • HC9861
  • HC9861
  • 2017-12-21 19:04
  • 39
    个人资料
    • 访问:1083940次
    • 积分:14173
    • 等级:
    • 排名:第1019名
    • 原创:305篇
    • 转载:28篇
    • 译文:0篇
    • 评论:592条
    最新评论
    [╄ 冷枫]简介