Flex 4のXMLオブジェクトからのテキストストリームのインポート


これはblog.flexexamples.comからの記事で、Flex 4の新しいプロパティを使用して高度なテキストレンダリングを実現する方法を説明しています.原文アドレス:http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4/
次の例では、Flex 4でXMLオブジェクトを介してTextFlowオブジェクトをインポートする方法を示します.この機能を実現するには、静的TextFlowUtilを使用する必要があります.importFromXML()メソッド.
先行知識:
この例を使用するには、まずFlash Player 10(Flash Playerの最新バージョン)をインストールし、Flex Builder 3にFlex Gumbo SDKをインストールする必要があります.Flex Builder 3でGumbo SDKをダウンロードおよびインストールする方法については、この文書を参照してください:Flex Builder 3でGumbo SDKを使用.Flex Gumbo SDKの最新バージョンをダウンロードするには、http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4を参照してください.もちろん、最新のFlash Builder 4のテスト版を使用してこの例を実行すると、Flash Builder 4にGumboのSDKが内蔵されているため、SDKを構成する必要はありません.
<?xml version="1.0" encoding="utf-8"?>   
<s:Application name="TextFlowUtil_importFromXML_test"   
			   xmlns:fx="http://ns.adobe.com/mxml/2009"     
			   xmlns:s="library://ns.adobe.com/flex/spark"      
			   xmlns:mx="library://ns.adobe.com/flex/halo">     
	<fx:Script>         
		<![CDATA[          
			import spark.utils.TextFlowUtil;      
			XML.ignoreWhitespace = false;         
			[Bindable]        
			private var theXML:XML = <div textAlign="justify" paragraphSpaceBefore="20">  
			                           <p><span  text="" color="#F20F0F" width="84" fontSize="27" fontFamily="Georgia" fontStyle="italic" textDecoration="underline">  </span></p>
										   <p><span fontWeight="bold">Lorem ipsum dolor sit amet</span>, tincidunt.</p>       
										   <p>Cras nec mi tortor, id pretium sem. <span lineThrough="true">In hendrerit viverra orci quis condimentum.</span> Maecenas et arcu quis arcu volutpat consectetur quis vel tellus. </p>                  
									  </div>;           
		]]>     
	</fx:Script>       
	<s:RichText id="richTxt"        
				textFlow="{TextFlowUtil.importFromXML(theXML)}"      
				left="20" right="20"         
				verticalCenter="0" />     
	
</s:Application>  

実行効果
Flex4之从XML对象中导入文本流_第1张图片 XMLセクションを変更して、より効果的に見ることができます.もちろん、外部にインポートされたXMLデータソースを設定することもできます.この例はBetaバージョンのFlex 4 SDKに基づいているので、正式なFlex 4 SDKではいくつかの使用上の変更があるかもしれませんが、読者は注意してください.