Flex中实现对一个text渲染不同的字体颜色示例
更新时间：2013年07月09日 17:28:25 作者：
本文为大家详细介绍下Flex中如何实现对一个text渲染不同的字体颜色，具体的实现思路及代码如下，有兴趣的朋友可以参考下哈，希望对大家有所帮助
开始把控件局限在label上，发现实现起来似乎不太现实。应该用textarea控件：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="inital();">
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
public function inital():void{
var str:String = "<font color='#ff0000'>123456<font color='#32CD32'>shit</font></font>";
txt.textFlow = TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT);
//txtArea.text = "我是中国人我是中国人我是中国人我是中国人";
}
]]>
</fx:Script>
<mx:Canvas x="300" y="300" width="500" height="500">
<s:TextArea id="txt">
</s:TextArea>
</mx:Canvas>
</s:Application>
复制代码 代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="inital();">
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
public function inital():void{
var str:String = "<font color='#ff0000'>123456<font color='#32CD32'>shit</font></font>";
txt.textFlow = TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT);
//txtArea.text = "我是中国人我是中国人我是中国人我是中国人";
}
]]>
</fx:Script>
<mx:Canvas x="300" y="300" width="500" height="500">
<s:TextArea id="txt">
</s:TextArea>
</mx:Canvas>
</s:Application>
您可能感兴趣的文章:
相关文章
Flex4 使用itemRenderer 为Tree加线具体实现
本文为大家详细介绍下Flex4如何使用itemRenderer 为Tree加线，感兴趣的朋友可以参考下2013-12-12
使用flex的jpegencoder对图片进行压缩的时候，exif信息会丢失这一点确实令人郁闷啊,此问题应当如何解决呢？经研究jpeg的文档，最终解决这个问题,晒出来与大家分享希望可以帮助到你们2013-02-02
Flex中TabNavigator设置Tabs样式思路及源码
这篇文章主要介绍了Flex中TabNavigator如何设置Tabs样式有哪些思路，感兴趣的朋友可以看看下面的源码2014-05-05
这篇文章主要介绍了在Flex中判断是否在组件之外单击的技巧,需要的朋友可以参考下2014-05-05
Label控件竖排显示文字一般都是横排的，接下来为大家分享个方法让它变成竖排，感兴趣的童鞋们可以学习下，希望对你有所帮助2013-04-04
这篇文章主要介绍了Flex DataGrid如何自动编号，感兴趣的朋友可以参考下2014-05-05
flex打印操作(FlexPrintJob)还有分页打印操作具体实现
如果要使用分页效果，则必须使用标签"PrintAdvancedDataGrid"(Flex3中的标签)才能够实现分页效果，感兴趣的朋友可以参考下2013-04-04
使用TilteWindow形式的弹出窗口发现有时候一不小心将窗口拖动到上面就拖不回来了，导致弹出窗口无法关闭，下面有个解决方法2014-01-01
使用Tree组件在绑定数据后自动展开所有树型节点(不需要用户再自己点击展开节点,会方 便许多)，接下来为大家介绍下具体的实现2014-01-01
flex4.0 利用外部项呈示器显示List信息并添加图片示例
利用外部项呈示器显示List信息并添加图片，在本文有个不错的示例，喜欢的朋友可以参考下，希望对大家有所帮助2013-09-09
最新评论