Flex中實(shí)現(xiàn)對(duì)一個(gè)text渲染不同的字體顏色示例
更新時(shí)間：2013年07月09日 17:28:25 作者：
本文為大家詳細(xì)介紹下Flex中如何實(shí)現(xiàn)對(duì)一個(gè)text渲染不同的字體顏色，具體的實(shí)現(xiàn)思路及代碼如下，有興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
開(kāi)始把控件局限在label上，發(fā)現(xiàn)實(shí)現(xiàn)起來(lái)似乎不太現(xiàn)實(shí)。應(yīng)該用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 = "我是中國(guó)人我是中國(guó)人我是中國(guó)人我是中國(guó)人";
}
]]>
</fx:Script>
<mx:Canvas x="300" y="300" width="500" height="500">
<s:TextArea id="txt">
</s:TextArea>
</mx:Canvas>
</s:Application>
復(fù)制代碼 代碼如下:
<?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 = "我是中國(guó)人我是中國(guó)人我是中國(guó)人我是中國(guó)人";
}
]]>
</fx:Script>
<mx:Canvas x="300" y="300" width="500" height="500">
<s:TextArea id="txt">
</s:TextArea>
</mx:Canvas>
</s:Application>
相關(guān)文章
Flex4 使用itemRenderer 為T(mén)ree加線(xiàn)具體實(shí)現(xiàn)
本文為大家詳細(xì)介紹下Flex4如何使用itemRenderer 為T(mén)ree加線(xiàn)，感興趣的朋友可以參考下2013-12-12
flex壓縮圖片exif信息(作者/相機(jī))丟失問(wèn)題解決
使用flex的jpegencoder對(duì)圖片進(jìn)行壓縮的時(shí)候，exif信息會(huì)丟失這一點(diǎn)確實(shí)令人郁悶啊,此問(wèn)題應(yīng)當(dāng)如何解決呢？經(jīng)研究jpeg的文檔，最終解決這個(gè)問(wèn)題,曬出來(lái)與大家分享希望可以幫助到你們2013-02-02
Flex中TabNavigator設(shè)置Tabs樣式思路及源碼
這篇文章主要介紹了Flex中TabNavigator如何設(shè)置Tabs樣式有哪些思路，感興趣的朋友可以看看下面的源碼2014-05-05
這篇文章主要介紹了在Flex中判斷是否在組件之外單擊的技巧,需要的朋友可以參考下2014-05-05
Flex Label控件豎排顯示文字的實(shí)現(xiàn)代碼
Label控件豎排顯示文字一般都是橫排的，接下來(lái)為大家分享個(gè)方法讓它變成豎排，感興趣的童鞋們可以學(xué)習(xí)下，希望對(duì)你有所幫助2013-04-04
Flex DataGrid自動(dòng)編號(hào)示例
這篇文章主要介紹了Flex DataGrid如何自動(dòng)編號(hào)，感興趣的朋友可以參考下2014-05-05
flex打印操作(FlexPrintJob)還有分頁(yè)打印操作具體實(shí)現(xiàn)
如果要使用分頁(yè)效果，則必須使用標(biāo)簽"PrintAdvancedDataGrid"(Flex3中的標(biāo)簽)才能夠?qū)崿F(xiàn)分頁(yè)效果，感興趣的朋友可以參考下2013-04-04
使用TilteWindow形式的彈出窗口發(fā)現(xiàn)有時(shí)候一不小心將窗口拖動(dòng)到上面就拖不回來(lái)了，導(dǎo)致彈出窗口無(wú)法關(guān)閉，下面有個(gè)解決方法2014-01-01
Flex中在Tree綁定數(shù)據(jù)后自動(dòng)展開(kāi)樹(shù)節(jié)點(diǎn)的方法
使用Tree組件在綁定數(shù)據(jù)后自動(dòng)展開(kāi)所有樹(shù)型節(jié)點(diǎn)(不需要用戶(hù)再自己點(diǎn)擊展開(kāi)節(jié)點(diǎn),會(huì)方 便許多)，接下來(lái)為大家介紹下具體的實(shí)現(xiàn)2014-01-01
flex4.0 利用外部項(xiàng)呈示器顯示List信息并添加圖片示例
利用外部項(xiàng)呈示器顯示List信息并添加圖片，在本文有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下，希望對(duì)大家有所幫助2013-09-09