在Flex3.2和AIR1.5中使用文字布局框架

地址:http://www.adobe.com/devnet/flex/articles/text_layout_framework.html

参加过RIAMeeting开发者聚会的朋友可能还有印象,在像大家介绍Flash Player10新特性的时候,曾经向大家介绍过Text Layout Framework,这是Adobe推出的依赖于Flash Player10文本渲染新特性的高级文本渲染框架。它可以帮助你实现文本的高级排版,包括支持亚洲文本的特殊排版方式(竖排),文本分列,文字的特殊样式等等。

   

详细资料和示例地址: http://labs.adobe.com/technologies/textlayout/

而这篇文章将向大家介绍如何在Flex3.2和AIR1.5中使用Text Layout Framework(Flex3.2和AIR1.5都已经包含了Flash Player10)。

首先你需要从上述的地址中下载Text Layout Framework,并确保已经下载和安装了Flex SDK 3.2。

Text Layout Framework库包含了3个组件和10个包。所有的包都封装于flashx.textlayout这个包下面。因为类库是用纯Action Script3写的,所以可以适用于Flash CS4,Flex 3.2,Gumbo(这个库是Gumbo的一个组成部分),AIR1.5,和Flash Player 10。下面是对三个组件的简短描述:

在文本渲染的结构模型方面,可以用下图来表示,通常情况下,文本的根标签为TextFlow类的实例。

其它可用的标签包括:div,p,a,tcy,span,img,tab,br

你可以使用XML来定义文本的结构:

  1.  
  2. <TextFlow xmlns="http://ns.adobe.com/textLayout/2008">
  3. <div>
  4. <p>
  5. <img source="air.png"/>
  6. <span>Flex is a highly productive, free open
  7. source framework for building and maintaining expressive web
  8. applications...</span>
  9. <br/>
  10. </p>
  11. </div>
  12. </TextFlow>

更多详细信息请查阅:http://www.adobe.com/devnet/flex/articles/text_layout_framework.html

源码下载地址:example_text_layout_framework.zip(ZIP, 184K)