Flex 4のXMLオブジェクトからのテキストストリームのインポート
3601 ワード
これは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セクションを変更して、より効果的に見ることができます.もちろん、外部にインポートされたXMLデータソースを設定することもできます.この例はBetaバージョンのFlex 4 SDKに基づいているので、正式なFlex 4 SDKではいくつかの使用上の変更があるかもしれませんが、読者は注意してください.
次の例では、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>
実行効果
XMLセクションを変更して、より効果的に見ることができます.もちろん、外部にインポートされたXMLデータソースを設定することもできます.この例はBetaバージョンのFlex 4 SDKに基づいているので、正式なFlex 4 SDKではいくつかの使用上の変更があるかもしれませんが、読者は注意してください.