Flex4:从一个XML对象中导入文本流

这是来自blog.flexexamples.com的一篇文章,介绍如何使用Flex4的新特性实现高级文本渲染,原文地址:
http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4/

下面的这个示例显示了你应该如何在Flex4中通过一个XML对象导入一个TextFlow对象,实现这个功能需要使用静态的TextFlowUtil.importFromXML()方法。

前置知识:

要使用这个示例,你必须先安装Flash Player10(Flash Player的最新版本),并且为你的Flex Builder3安装了Flex Gumbo SDK。要获取更多关于在Flex Builder3中下载和安装Gumbo SDK的信息,请参考这篇文章:在Flex Builder3中使用Gumbo SDK。要下载Flex Gumbo SDK的最新版本,请访问:http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4。当然,如果你使用最新的Flash Builder4的测试版来运行这个示例的话,就不需要配置SDK了,因为Flash Builder4已经内置了Gumbo的SDK。

  1. <?xml version="1.0"?>
  2. <!-- <a href="http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4/" title="http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4/">http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xm...</a> -->
  3. <s:Application name="TextFlowUtil_importFromXML_test"
  4. xmlns:fx="http://ns.adobe.com/mxml/2009"
  5. xmlns:s="library://ns.adobe.com/flex/spark"
  6. xmlns:mx="library://ns.adobe.com/flex/halo">
  7.  
  8. <fx:Script>
  9. <![CDATA[
  10. import spark.utils.TextFlowUtil;
  11.  
  12. XML.ignoreWhitespace = false;
  13.  
  14. [Bindable]
  15. private var theXML:XML = <div textAlign="justify" paragraphSpaceBefore="20">
  16. <p><span fontWeight="bold">Lorem ipsum dolor sit amet</span>, tincidunt.</p>
  17. <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>
  18. </div>;
  19. ]]>
  20. </fx:Script>
  21.  
  22. <s:RichText id="richTxt"
  23. textFlow="{TextFlowUtil.importFromXML(theXML)}"
  24. left="20" right="20"
  25. verticalCenter="0" />
  26.  
  27. </s:Application>

你可以修改XML部分,以便更加明显的看到效果。注意这个示例是基于Beta版本的Flex4 SDK,在正式的Flex4 SDK中或许会有一些使用上的改变,读者需要注意一下。

riadevID: 
您给予的分值: None 平均分: 7 ( 4 票)

发表新评论

  • 网页地址和电子邮件地址将会被自动转换为链接。
  • 行和段被自动切分。
  • 您可以使用下面的标签来高亮显示您的评论内容: <code>, <blockcode>. 可以使用"[foo]".旁边显示标签样式 "<foo>" PHP代码可以用这样的区块来包含<?php ... ?> or <% ... %>

更多格式化选项信息

验证区域
系统验证:请回答下面的问题