BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Flow Model 的架构与设计

| 作者 薛凌鸿 关注 0 他的粉丝 , 田勇 关注 0 他的粉丝 发布于 2011年9月10日. 估计阅读时间: 5 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

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

要求

预备知识

熟悉Flash Builder, Flex, 和 Actionscript 3.0。

需要的Adobe产品

内容预览

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 的架构与设计

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT