`
menglinxi
  • 浏览: 20482 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

flex label

阅读更多

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

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

 

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

< mx : Label   text = '&lt;&lt;Prev'   />

 

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

< mx : Label > 
 <mx:text>
<![
CDATA[This string contains a less than, <, greater than, >,

      and   amp ,   &.   ]]>

   </ mx : text >

 </ mx : Label >

 

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

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;'   />

 

另外的写法是

< mx : Label   >

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

3. </ mx : htmlText >

4. </ mx : Label >

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

< mx : Script >

2. <![ CDATA [

3. function   initText ()   {  

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

5.   }

6. ]]>

7. </ mx : Script >

background: #fbfaf8; margin: 0cm 3pt 0pt 44pt; text-indent: -18pt; line-height: 155%; mso-border-alt: dotted #D4D4D4 .

分享到:
评论

相关推荐

    Flex Label自动截取、自动换行代码

    而Flex Label的自动截取和自动换行功能则是将Flex布局应用在文本标签(Label)上,使得文本可以根据容器的宽度自动显示完整或是被截断并自动换行。 知识点包括: 1. Flex布局基础:Flex布局由容器(flex container...

    Flex Label控件竖排显示文字的实现代码

    标题中的“Flex Label控件竖排显示文字的实现代码”就是这样一个需求,描述中提到的方法提供了一种将Label控件的文字转换为垂直排列的解决方案。 Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,用于...

    flex button的label字体垂直显示

    在Flex编程中,我们经常会遇到需要自定义组件样式的需求,比如让`Button`的`label`文字垂直显示。这个主题涉及到Flex布局、组件定制以及文本渲染等多个知识点。下面将详细阐述如何实现`Button`的`label`字体垂直显示...

    flex学习笔记 flex学习总结 flex学习教程

    3. **Flex组件库**:Flex提供了丰富的预定义组件,如Button、Label、Canvas等,可用于快速构建用户界面。理解组件的属性、事件和方法是提升开发效率的关键。 4. **数据绑定**:Flex支持数据绑定,允许视图组件直接...

    记事万年历flex源码

    3. **Flex组件库**:Flex提供了大量预先构建的UI组件,如Button、Label、TextArea等,开发者可以通过这些组件快速搭建应用的基础框架。在这个记事万年历应用中,可能会用到Calendar组件或者自定义的日历组件。 4. *...

    Flex教程大全 flex快速入门

    ### Flex教程大全:Flex快速入门 #### 一、Flex简介 Flex是由Adobe公司推出的一款用于构建Web应用程序的技术框架。它允许开发者使用MXML(一种基于XML的语言)和ActionScript(一种面向对象的脚本语言)来进行高效...

    FLEX安装和配置全步骤

    3. 编辑主类(通常是src目录下的Main.mxml),修改其中的`&lt;mx:Label&gt;`标签内容,以显示你想要的文字。 4. 按`Ctrl + B`或点击运行按钮来编译并运行项目。浏览器中将展示你的第一个FLEX应用。 **理解FLEX的基本结构*...

    Flex入门资料 flex3.0

    3. **Flex组件库**:讲解Flex提供的各种预定义UI组件,如Button、Label、List、Form等,以及如何自定义组件以满足特定需求。 4. **数据绑定**:Flex中的数据绑定机制使得UI元素的状态可以直接与数据模型关联,实现...

    Flex添加右键菜单

    在Flex开发中,有时我们需要为用户界面添加自定义的右键菜单,以便提供更多的交互功能。本教程将指导你如何在Flex项目中实现这一功能,主要涉及以下知识点: 1. **右键菜单库的引入**: 首先,你需要下载一个名为`...

    Flex学习与总结

    Flex学习与总结 Flex是一种用于构建富互联网应用(RIA)的开发框架,由Adobe公司提供。RIA技术旨在提升网络应用的交互性和表现力,克服传统HTML页面在用户体验上的局限。随着网络带宽的提高,RIA逐渐成为互联网应用...

    Flex中文帮助 学习Flex的好资料

    3. **Flex组件库**:Flex提供了一系列预定义的UI组件,如Button、Label、List等,这些组件可以帮助开发者快速构建用户界面。此外,Flex还支持自定义组件,满足特定需求。 4. **数据绑定**:Flex中的数据绑定是其...

    flex写的计算器

    Flex还提供了强大的组件库,包括预定义的UI组件,如Button、TextInput和Label等,这些组件使得开发者能够快速构建功能丰富的用户界面。计算器应用中的每个数字键和运算符键可能都是一个独立的Button组件,而结果显示...

    Flex应用实例 Flex做的旅游系统

    2. **Flex组件库**:Flex提供了一系列预先构建的UI组件,如Button、Label、List等,开发者可以快速构建用户界面。在旅游系统中,可能会用到Button来执行操作,如查询、预订;List展示旅游产品或目的地列表;...

    Flex项呈示器ItemRenderer

    在默认情况下,Flex提供了一些基本的渲染器,如Label、Icon等,但往往不能满足复杂的界面设计需求。此时,开发者可以通过自定义ItemRenderer来实现更丰富的数据显示,比如在列表中添加图片、文本、按钮等元素,或者...

    adobe flex例程源码

    4. **组件库**: Flex提供了一套丰富的预定义组件,如Button、Label、TextArea等,用于快速构建用户界面。在源码中,你将看到如何实例化和自定义这些组件。 5. **数据绑定**: Flex支持数据绑定,使得视图层和数据...

    Flex 入门教学材料

    Flex包含一组丰富的预定义组件,如Button、Label、TextInput等,这些组件可以方便地组合成复杂的用户界面。通过MXML,你可以直接在代码中声明并配置这些组件。 六、数据绑定与事件处理 1. 数据绑定:Flex支持双向...

    flex sample-跳转

    Flex是一种基于Adobe Flash Player或Adobe AIR运行时的开源框架,用于构建富互联网应用程序(RIA)。在Flex中,ViewStack是一个非常重要的容器控件,它允许你在应用程序中实现页面间的导航和切换效果。在这个名为...

    FLEX4的皮肤skin

    &lt;s:Button x="54" y="56" skinClass="com.rianote.flex.skin.Button" height="30" width="100" label="Custom Button"/&gt; ``` 这个主程序导入了自定义皮肤类,并在界面上创建了一个应用了该皮肤的Button组件。 ...

Global site tag (gtag.js) - Google Analytics