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>
您可能感兴趣的文章:
相关文章
股票行情走势图在flex中也可以实现了，具体步骤及代码如下，感兴趣的朋友可以参考下，或许有所帮助2013-10-10
通过AdvancedDataGrid的id来获取selectedItem和selectedItems属性，下面有个不不错的示例大家可以参考下2014-02-02
这篇文章以示例的方式介绍了Flex文件读取报错的情况,需要的朋友可以参考下2014-05-05
flex中使用RadioButtonGroup时取出所选项的值的方法
flex中的RadioButtonGroup想必大家并不陌生吧，在本文将为大家介绍下在使用RadioButtonGroup时如何取出所选项的值，感兴趣的朋友可以参考下2013-12-12
本文为大家详细介绍下Flex中如何实现对一个text渲染不同的字体颜色，具体的实现思路及代码如下，有兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
使用Tree组件在绑定数据后自动展开所有树型节点(不需要用户再自己点击展开节点,会方 便许多)，接下来为大家介绍下具体的实现2014-01-01
最近两天被HttpStates404这个错误折腾的够呛，查了很多的文章都是大同小异，接下来为大家介绍下详细的解决方法，感兴趣的各位可以参考下哈，希望可以帮助到你2013-03-03
Flex 是一个高效、免费的开源框架，可用于构建具有表现力的 Web 应用程序，这些应用程序利用 Adobe Flash Player和 Adobe AIR, 运行时跨浏览器、桌面和操作系统实现一致的部署2013-01-01
flex中event.preventDefault()方法取消事件的默认行为
当点击datagrid的第一和第四项时，itemEdit事件将不起作用，许多事件都有默认执行的关联行为，接下来为大家详细介绍下，感兴趣的朋友可以参考下哈2013-04-04
Flex tree修改默认图标并且加虚线显示效果，实在是看不下去那种巨丑无比的小箭头+文件夹的显示方式，具体实现如下，有此需求的朋友可以参考下，希望对家有所帮助2013-08-08
最新评论