Flex中Label组件如何使用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
Flex组件之Label
Label组件是一个单行和不可编辑文本标签,支持HTML标记。
创建方法:
<mx:Labeltextmx:Labeltext='这是一个普通文本标签'/>
◆Flex组件中如果要在标签内容中包含HTML特殊标记,需要使用转换字串
如要在标签中显示<符号必须使用
<mx:Labeltextmx:Labeltext='<;<;Prev'/>
如果觉得这样的写法太麻烦,可以使用CDATA标记
1.<mx:Label> 2.<mx:text><![CDATA[Thisstringcontainsalessthan,<,greaterthan,>, 3.andamp,&.]]> 4.</mx:text> 5.</mx:Label>
◆更加灵活的方式仍然是使用脚本方式
1.<mx:Script> 2.<![CDATA[ 3.functioninitText(){ 4.myLabel.text='Thisstringcontainsalessthan,<,greaterthan,>, 5.andamp,&.' 6.} 7.]]> 8.</mx:Script> 9.<mx:Labelidmx:Labelid='myLabel'initialize='initText()'/>
◆Flex组件中Label支持HTML语法的标签属性设置的时候仍然要转换,如<mx:LabelhtmlText='<;b>;这是一个支持粗体显示的HTML标签<;/b&t;'/>
另外的写法是
1.<mx:Label> 2.<mx:htmlText><![CDATA[<b>这是一个支持粗体显示的HTML标签</b>]]> 3.</mx:htmlText> 4.</mx:Label>
◆要注意的是使用<mx:htmlText>子标记和使用htmlText属性是等效的。
使用脚本方式
1.<mx:Script> 2.<![CDATA[ 3.functioninitText(){ 4.myLabel.htmlText='<B>这是一个支持粗体显示的HTML标签</B>'; 5.} 6.]]> 7.</mx:Script> 8.<mx:Labelidmx:Labelid='myLabel'initialize='initText()'/>
◆目前支持的HTML标记有:
1.<a>支持href和target属性 2.<b> 3.<br> 4.<p>支持align属性 5.<font>支持sizecolorface 6.<i> 7.<li> 8.<span>只支持class属性,用来定义样式 9.<u>
看完上述内容,你们掌握Flex中Label组件如何使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。