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

本文介绍如何在Flex4中使用新特性实现高级文本渲染。通过一个XML对象导入TextFlow对象,并展示具体示例代码,包括如何设置文本属性及样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这是来自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中或许会有一些使用上的改变,读者需要注意一下。

 

本文转自:http://www.riameeting.com/node/291

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值