Flex中實現(xiàn)對一個text渲染不同的字體顏色示例
更新時間：2013年07月09日 17:28:25 作者：
本文為大家詳細介紹下Flex中如何實現(xiàn)對一個text渲染不同的字體顏色，具體的實現(xiàn)思路及代碼如下，有興趣的朋友可以參考下哈，希望對大家有所幫助
開始把控件局限在label上，發(fā)現(xiàn)實現(xiàn)起來似乎不太現(xiàn)實。應該用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加線具體實現(xiàn)
本文為大家詳細介紹下Flex4如何使用itemRenderer 為Tree加線，感興趣的朋友可以參考下2013-12-12
使用flex的jpegencoder對圖片進行壓縮的時候，exif信息會丟失這一點確實令人郁悶啊,此問題應當如何解決呢？經(jīng)研究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)還有分頁打印操作具體實現(xiàn)
如果要使用分頁效果，則必須使用標簽"PrintAdvancedDataGrid"(Flex3中的標簽)才能夠實現(xiàn)分頁效果，感興趣的朋友可以參考下2013-04-04
使用TilteWindow形式的彈出窗口發(fā)現(xiàn)有時候一不小心將窗口拖動到上面就拖不回來了，導致彈出窗口無法關閉，下面有個解決方法2014-01-01
Flex中在Tree綁定數(shù)據(jù)后自動展開樹節(jié)點的方法
使用Tree組件在綁定數(shù)據(jù)后自動展開所有樹型節(jié)點(不需要用戶再自己點擊展開節(jié)點,會方 便許多)，接下來為大家介紹下具體的實現(xiàn)2014-01-01
flex4.0 利用外部項呈示器顯示List信息并添加圖片示例
利用外部項呈示器顯示List信息并添加圖片，在本文有個不錯的示例，喜歡的朋友可以參考下，希望對大家有所幫助2013-09-09