Flow Model 的架构与设计

作者 田勇,薛凌鸿 发布于 2011年9月9日

领域

语言 & 开发

主题

ActionScript ,

Flash ,

Flex ,

Adobe ,

RIA

分享到

通过前面文章的介绍，相信大家对TLF的基本架构已经有所了解。本文将着重介绍TLF里的核心内容——Flow Model，包括Flow Model的组织结构和TLF的Format。

要求

预备知识

熟悉Flash Builder, Flex, 和 Actionscript 3.0。

需要的Adobe产品

• Flex Builder

内容预览

• Flow Model总览
• Flow Model的组织结构
• TLF的Format

Flow Model总览

Flow Model包括FlowElement定义的对象以及TextlayoutFormat定义的格式。Flow Model定义了数据结构来保存文本，它使用树形结构来存储文本和节点。其中FlowElement是整个TLF的核心，它是Flow Model中所有其它Element的基类。FlowElement是有格式的，并提供设置格式的接口。

Flow Model的组织结构

TLF中的文本元素以树形结构存储，树中的元素表示文本内的逻辑分段。上图展示了Flow Model中各个类之间的继承关系，其中最重要的就是FlowElement，FlowGroupElement和FlowLeafElement这三个抽象基类，它们定义了这个树形结构。FlowElement类是该树中所有元素对象的抽象基类，FlowGroupElement类是所有容器元素对象的抽象基类，而FlowLeafElement类是所有叶子节点元素的抽象基类。

FlowElement对象可以代表一篇文章，多篇文章或者一篇文章中的一段文字，并提供了一些文本元素的基本属性和方法。比如，使用parent属性访问父节点、textLength属性获得文本长度以及relativeParentStart属性获得相对父节点的起始位置。

FlowGroupElement类是所有的容器元素对象的基类，这些容器对象可以有一个或多个子节点，并提供API来操作和遍历这些子节点。容器类有TextFlow，ParagraphElement，DivElement和LinkElement。其中，LinkElement类代表一个超文本链接，与XHTML中的<a/>标签类似。链接中可以包含一个或多个SpanElement，InlineGraphicElement或者TCYElement。TCYElement代表竖排文本中的一小段横排文本，你可以在日文中使用TCYElement代表竖排文本中的一段横排文本。

FlowLeafElement是树形结构中最底层元素对象的抽象基类，这些对象没有子节点。FlowLeafElement可以添加文本，并且提供遍历和操作其它叶子节点的API。叶子节点类有InLineGraphic和SpanElement。其中，SpanElement类代表具有共同格式的一段文字。InlineGraphicElement类代表文本中的一个图形元素，在使用的时候被看作是一个字符。

TLF的Format

TLF中有一个专门的类TextLayoutFormat负责Flow Model中元素的格式。TextLayoutFormat支持一些预定义的格式名称与合法的赋值，FlowElement类提供了设置格式的方法。

每一个格式属性在实现上其实是TextLayoutFormat类中一个属性类的静态实例，而属性类负责验证对应的格式的值是否合法。有一些格式属性非常复杂，可以接收数字，百分数甚至枚举类型。在实现上，属性类会持有一个数组来保存所有支持的类型。

上图展示了TLF的格式级联，如果子节点的格式没有定义，它会采用父节点设置的格式；如果子节点的格式定义与父节点不同，会覆盖父节点的格式。如上图，中间的SpanElement的字体定义为加粗，其父节点字体为正常，那么SpanElement中的文字将是粗体。此外，所有的格式都是无类型的，即类型为*。

TextLayoutFormat支持用户自定义的格式，可以是任意的键值对，但是不要和内置的格式冲突。

下一步要做的事情

本文讲述了TLF中Flow Model的架构与设计，想要了解更多有关TLF的知识，请参考TLF开发人员的系列教程。

TLF概览

查看原文：Flow Model 的架构与设计