http://hi.baidu.com/fsnhf/blog/item/252dba0e1eaa64c07bcbe110.html

我们知道，AIR程序是需要要安装的，对于很多用户来说，这个功能很方便，但是对于某些不喜欢安装软件的用户来说很不爽，拿我来说，我就很不喜欢在自己电脑上安装软件，原因如下：

1.       怕被调戏（某些软件会自动安装工具条，开机启动什么的，还没法取消，有的软件的开机启动，禁用相关服务、修改注册表都不行）

2.       怕被强奸（某些软件会在强制安装一些自己不想要的东西）

3.       怕被搞大（某些软件安装会产生好多垃圾文件，还会在注册表中写入一些内容，这会让注册表变大，事实上，注册表越臃肿，电脑运行得越慢）

所以我们要学会如何绿化自己的AIR程序，让我们开始吧。

使用ADL

首先我们来认识一下如何使用AIR Debug Launcher(adl)，这是一个AIR程序的调试连接器，我们为什么要用它？我们知道，在Flash或者FlashBuilder中调试AIR程序时并不需要安装AIR运行环境，所以知道了它的原理，我们就会绿化AIR程序了。

1.       随便找一个AIR文件，用 winrar打开它，并将它解压，比如解压在D:\airapp目录中，并将D:\airapp\META-INF\ AIR \application.xml文件也拷到D:\airapp目录中。

2.     打开window的命令行，输入

set path= C:\Progrem Files\Adobe\Adobe Flash Builder Beta 2\sdks\4.0.0\bin

说明：我们FlashBuilder2 beta是默认安装的。

现在输入adl回车会看到如下结果：

这说明我们的adl可用了，然后输入以下命令：

D: ::转到D盘根目录

cd D:\airapp ::打开AIR程序目录

adl application.xml ::启动air程序

说明：还可以加上相关的参数比如：adl application.xml –nodebug是不显示调试信息，这样air程序中如果出错，是不会弹出异常窗口的，adl application.xml – params可以向AIR程序中传入参数，air程序可侦听InvokeEvent.invoke事件来获得此参数。

绿化AIR程序

知道了以上原理，我想绿化AIR程序已经不是问题了，

a)         在D:\airapp目录下新建一个文件夹，命名为app，此目录用于存放我们的AIR主程序。

b)        把D:\airapp目录下的其它所有文件及文件夹都拷到D:\airapp\app目录中。

c)        然后我们把C:\Progrem Files\Adobe\Adobe Flash Builder Beta 2\sdks\4.0.0\bin目录中的adl.exe文件也拷到D:\airapp\app目录中。

d)        把C:\Progrem Files\Adobe\Adobe Flash Builder Beta 2\sdks\4.0.0\目录下的runtimes文件夹拷到D:\airapp目录中。

e)         此时我们在D:\airapp中创建一个app.bat文件，在其中输入以下代码：

app\adl app\application.xml，保存，然后双击此文件就可以启动我们的air程序。

用mfc写启动程序

       在实际的应用中，我们不可能用一个bat文件来做主程序，那么我们就用VC++来做此功能吧。

1.       打开vs2008，新建一个mfc工程，工程名可为MyAirLauncher。

2.       在应用程序类型选项中可选择 基于对话框 并且 使用mfc静态编译，如下图所示：

点击“完成”创建工程。

3.     打开MyAirLauncher.cpp文件，将InitInstance函数中的所有内容注释，并添加如下代码：

TCHAR filePath[MAX_PATH];

    GetModuleFileName(NULL,filePath,MAX_PATH);

    basic_string<TCHAR> path=filePath;

    path=path.substr(0,path.find_last_of(L"\\"));

    SetCurrentDirectory(path.c_str());

WinExec("app\\adl.exe app\\application.xml -nodebug",SW_HIDE);

保存并编译，然后将生成的MyAirLauncher.exe拷到D:\airapp目录中，双击此文件就可以运行我们的air程序了。

完成绿化

    好了，至此，所有绿化工作已经做完了，如果你的air程序没有使用webkit组件，那么完全可以删除D:\airapp\runtimes\air\win\Adobe AIR\Versions\1.0目录下Resources目录及所有子文件，这样可以大大减小程序的体积。

    示例文件及源码下载：点击下载此文件

actionscript-file-encoding | 设置文件编码，如Shitf_JIS

advanced | mxmlc -help advanced，如这样的高级参数

allow-source-path-overlap=true|false | 验证source-path中定义的路径是否出现重叠，出现互相包含的现象

as3=true|false | 是否使用as3对象模型，默认为ture，如果选false，则es一定要定义为true

benchmark=true|false | 是否输出编译时期的详细内容，默认是true

context-root； context-path | 设置flex-services.xml中的{context.root}，如果没有详细定义，那flex将用空值。

contributor name | 添加到swf文件里，name是贡献者的名字

creator name | 添加到swf文件里，name是作者的名字

date text | 添加到swf文件里，text是数据的内容

debug=true|false | 是否可以进行调试

debug-password string | 远程调试用，设置密码

default-background-color int | 默认背景颜色，默认为null，例如： -default-background-color=0xCCCCFF

default-frame-rate int | 设置帧数，默认为24

default-script-limits | 定义应用脚本程序的执行限制
max-recursion-depth | 最大的递归默认是：1000
max-execution-time | 最大的执行时间默认是：60，你不能设置比60还大。

default-size width height | 设置应用程序的大小，单位是像素

defaults-css-url string | 设置css 的路径

description text | 添加到swf文件里的描述内容，text是描述的内容

dump-config filename | 将次配置内容输出到filename的文件里，如：mxmlc -dump-config myapp-config.xml

es=true|false | 略

externs symbol [...] | 略

external-library-path path-element [...] | 外部类的路径

file-specs path-element [...] | 指定源文件去编译，这默认的是 mxmlc编译器

fonts.languages.language-range lang range | 指定 Unicode编码语言的范围

fonts.managers manager-class [...] | 字体管理器，默认的是 flash.fonts.JREFontManager，也可以使用 flash.fonts.BatikFontManager

fonts.max-cached-fonts string | 在服务器缓存上可以保存的最大字体数

fonts.max-glyphs-per-face string | 最大限度的字符缓存

frames.frame label class name [...] | 将一系列的类名指定到相应label标记的帧上

generate-frame-loader=true|false | 绑定到默认的loader类上。

headless-server=true|false | 能否设置编译器的执行头文件，如：System.setProperty(”java.awt.headless”, “true”)

help | 帮助

include-libraries library [...] | 连接所有的在swc中的类，不管是否有被引用

includes class [...] | 引用具体的类，使用此参数

incremental=true|false | 增加编辑，默认的是false

keep-generated-actionscript=true|false | 保持原有的as，放在 /generated目录下，默认的值是false

language code | 设置swf文件的元数据

lazy-init=true|false | 预设字母表的编码，默认是false

library-path path-element [...] | 连接SWC 文件得到swf文件，默认的路径是libs目录和相同目录下的所有swc文件。可以用=替换现在的swc，也可以用+=添加。也可以通过配置文件（略）。

link-report filename | 打印详细的连接报告

load-config filename | 指定编译器详细的配置文件，覆盖所有的命令行参数，可以通过+=连接多个配置文件。

load-externs filename [...] | 外部足见的动态连接的信息保存（略）

locale string | 将路径定位存到locale,就可以通过{local}调用了，如：mxmlc -locale en_EN -source-path locale/{locale} -file-specs MainApp.mxml

localized-description text lang | Swf文件的元数据

namespaces.namespace uri manifest | 指定mxml文件的命名空间，可以用 uri或本地的证明文件。

optimize=true|false | 优化as，减少文件大小，增加性能，默认为false

output filename | 指定输出文件名字，如果不指定就用当前文件名。如果路径不存在，将会自动生成。

publisher name | Swf文件的元数据，发布人的名字

resource-bundle-list filename | 打印所有源数据包名字，并打包到一个swc文件中，filename将是这个swc的文件名。

runtime-shared-libraries url [...] | 指定一系列运行时共享库，如果library.swf在 web_root/libraries目录下，那你可以使用 libraries/library.swf.来调用。

services filename | 指定 services-config.xml文件，该文件用在FDS中

show-binding-warnings=true|false | 当flash player不能探测时，显示警告。默认为true

show-actionscript-warnings=true|false | 发生as类错误时，发出提示。默认为true。

show-deprecation-warnings=true|false | 为flex组件显示不可用。默认为true

source-path path-element [...] | 添加源路径的路径或文件，会自动寻找mxml和as文件。可以使用通配符包含所有的文件和子路径，连接全部的文件，不能单个使用类和路径，可以使用+=。

strict=true|false | 输出为定义的属性和函数，也能执行编译时期类型的验证和提供默认参数。默认为true

theme filename [...] | 指定主题数组

title text | Swf的元数据

use-network=true|false | 指定当前应用程序的网络服务，默认为true.如果设为false就只能访问本地，不能访问网络。

verbose-stacktraces=true|false | 默认值为false，只在运行发生错误时候，提供错误显示。

version | 编译器的版本号

warn-warning_type=true|false | 是否验证自定义警告类型。

warnings=true|false | 如果设置false就废除所有的警告，此参数覆盖 warn-warning_typed 的值默认为true。

ixiyou
开始这是一份我非常杂乱的代码库。有很多学习过程和工作过程中编写收集来(开源)的代码... 在开发过程中使用FLEX感觉到组件功能很强大，但也很臃肿...但开发过程中又不得不使用到一些常用的组件，这里我就开始编写了自己的UI组件。除了UI外当然还有其他很多在平时工作中要经常用到的一些操作方法，这些我也会慢慢把他们整理成自己常用的工具类
BUG
代码有错误请在Issues提交或者发送 md9yue#qq.com邮件给我，谢谢。
UI
UI组件借鉴了FLEX部分命名方式。UI组件包名开始就以我个人昵称来作为命名speUI(九月的UI)，考虑扩展组件不一定都继承我的组件基类SpeComponent,而接口于一个个接口（ISize:组件大小和重绘制接口,ISpeComponent:绝大部分spe组件必须实现的API接口,ISkinComponent：拥有使用皮肤功能的组件接口） 一开始是参考借鉴了manaca的组件（现在在google上已经找不到了），不过manaca的组件在皮肤风格替换上感觉不是很方便我平时工作中的开发。这套组件目的为了工作开发中快速构建，并容易在执行过程中可以换皮肤。 所以我希望是像下面例子里一样开始可以创建我的一个组件。
例:快速创建一个按钮，创建按钮 标题myBtn，位置为100,100。并且提供toolTip提示.
import com.ixiyou.speUI.controls.MButtonvar btn:MButton = new MButton({label:'myBtn',x:100,y:100,toolTip:'look look ...'})addChild(btn)UI Skin
组件皮肤 部分组件拥有皮肤更换功能，支持在执行过程中换肤。组件的皮肤采用一定命名规范与摆放位置的Sprit对象，你可以很方便使用FLASH工具来制作这么一个皮肤。
目前默认皮肤类现在打包swc引用到项目中，不再使用.as的文件，目的为了可以使用FLASH直观修改默认皮肤和参考制作其他风格皮肤进行换肤
如果你创建后要替换皮肤？OK可以的,你也只要一句话
btn.skin =new MyBtnSkin()MyBtnSkin是你的一个皮肤类，你可以再FLA里很快速绘制出来，你不需要在FLA里添加如何代码，你只需要画出按钮4种状态，并转成MovieClip并给他们按规则命名就OK了(可以参考默认皮肤的fla的原文件)。绑定关联的类名MyBtnSkin。你可以在任何情况下（创建时，使用中）对组件进行换肤。
Managers一些常用的操作管理
提供：光标 拖动管理 提示 弹出框等一系列操作管理
其他
roading的tween包 地址
kingLong的socket包 地址
Ixiyou库中部分代码参考使用GhostCat库的类，或者需要引用GhostCat库的部分类支持。 GhostCat开源项目地址 GhostCat库功能的非常丰富与强大,推荐大家去看看与使用。

http://www.iconlet.com/

http://bbs.actionscript3.cn/thread-34547-1-2.html

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ourbrander/archive/2008/10/18/3097392.aspx

Axure教程|Axure中图片处理技巧分享

Axure教程|Widgets|Image

Axure教程|使用Axure模拟阿里软件平台登录和跳转（一）

Axure教程|使用Axure模拟阿里软件平台登录和跳转（二）

Axure教程|使用Axure模拟阿里软件平台登录和跳转（三）

Axure教程|使用Axure模拟阿里软件平台登录和跳转（四）

Axure教程|使用Axure模拟阿里软件平台登录和跳转（五）

  巧用Axure RP自带的文档恢复功能实现版本控制

转载：axure分享

用Axure模拟注册和登录的过程

如何用Axure给下拉菜单选项中加链接

Axure组件封装(妙用字体)

利用Axure封装视觉标准

Axure RP如何以漸層色彩來填色?

下載Loren Baxter提供的Axure PR Design Pattern

利用Inline Frame嵌入flash/video

1、as3ebaylib http://code.google.com/p/as3ebaylib/

2、as3youtubelib http://code.google.com/p/as3youtubelib/

3、as3flickrlib http://code.google.com/p/as3flickrlib/

4、Yahoo ASTRA Flash Components http://developer.yahoo.com/flash/astra-flash/

5、facebook-as3 http://code.google.com/p/facebook-as3/

6、as3awss3lib http://code.google.com/p/as3awss3lib/

7、Adobe ActionScript 3:resources:apis:libraries （官方，包括corelib、FlexUnit、Flickr、Mappr、RSS and Atom libraries、Odeo、YouTube） http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

8、Tweener 用于过渡与切换的一组动画库 http://code.google.com/p/tweener/

9、uicomponents-as3 一组轻量级的AS3 UI组件库 http://code.google.com/p/uicomponents-as3/

10、as3ds AS3的数据结构实现 http://code.google.com/p/as3ds/

11、mecheye-as3-libraries 一组主要用于Flash 游戏开发的AS3库 http://code.google.com/p/mecheye-as3-libraries/

12、XIFF 一套XMPP协议的AS3实现 http://svn.igniterealtime.org/svn/repos/xiff/branches/xiff_as3_flexlib_beta1/

13、FZip 一套AS3库，可用作对ZIP压缩文件的载入、修改与创建 http://codeazur.com.br/lab/fzip/

14、FlexLib 一套开源的Flex界面组件库 http://code.google.com/p/flexlib/

15、AnimatedGIfLoader Flex Component 可载入GIF的Flex组件 http://dougmccune.com/blog/animatedgifloader-flex-component/

16、goplayground 一套轻量级的，可用创建属于你自己的AS3 动画工具的库 http://code.google.com/p/goplayground/

17、AlivePDF 开源的用于PDF创建的AS3库 http://www.alivepdf.org/

18、jwopitz-lib 一组开源的Flex用户界面组件 http://code.google.com/p/jwopitz-lib/

19、as3crypto AS3实现的一套加密库，包括多种加密算法 http://code.google.com/p/as3crypto/

20、flare 一套强大的可视化交互的AS3类库 http://flare.prefuse.org/

21、SWFAddress 一小而强大的库，可以为Flash和Ajax提供深链接的功能 http://www.asual.com/swfaddress/

22、SWFObject 用于嵌入Flash，Adobe官方也认可了 http://code.google.com/p/swfobject/

23、ulse Particle System 一套开源的强大的AS3动态粒子系统 http://code.google.com/p/pulse-particle/ http://www.rogue-development.com/pulseParticles.html

24、SpringGraph Flex Component http://mark-shepherd.com/blog/springgraph-flex-component/

25、GoASAP AS3动画库 http://code.google.com/p/goasap/ http://www.goasap.org/index.html

26、asaplibrary 一套开源的Flash Actionscript3.0 RIA库 http://code.google.com/p/asaplibrary/ http://asaplibrary.org/ http://asapframework.org

27、as3mathlib 开源Flex/Actionscript数学库 http://code.google.com/p/as3mathlib/

28、as3corelib 包含一些基础功能AS3库 http://code.google.com/p/as3corelib/

29、minimalcomps 一组AS3 UI组件 http://www.bit-101.com/minimalcomps/

30、as3gif http://code.google.com/p/as3gif/

31、queueloader-as3 一组AS3库，用来进行资源序列载入及监测 http://code.google.com/p/queueloader-as3/

32、TweenMax (AS3) http://blog.greensock.com/tweenmaxas3/

33、Atellis Reflection Component 一款Flex反射效果组件 http://labs.atellis.com/2007/07/11/atellis-reflection-component/

34、AS3Eval 简单来说，就是用AS3实现的AS3编译器 http://eval.hurlant.com/

35、 ByteArray的组件、库合集，包括liquid components、mousegesture、ASZip、GIF Player、GIF Animation Encoder、AlivePDF、Live JPEG Encoder、ScaleBitmap等 http://www.bytearray.org/?page_id=82

36、AS3C 针对AVM2虚拟机，用C#写的字节码编译器 http://code.google.com/p/as3c/

37、as3httpclientlib as3实现的http客户端 http://code.google.com/p/as3httpclientlib/

38、as3ui 一组常规的as3　ui界面库 http://code.google.com/p/as3ui/

39、as3xls　让你在flex中可以读写Excel文件 http://code.google.com/p/as3xls/

40、as3flexdb 让你的flex程序可以连接到MySQL服务器，主要是使用AMFPHP来访问PHP服务器 http://code.google.com/p/as3flexdb/ 这一是一篇详细使用介绍的教程 http://itutorials.ro/viewtopic.php?f=9&t=7

41、vivisectingmedia-as3 　一组AS3/Flex实用库，是作者在实践中总结出来的 http://code.google.com/p/vivisectingmedia-as3/

Actionscript 3.0 Class

1、fZip 此类可允许你载入标准的zip文件并提取里面包含的文件 http://wahlers.com.br/claus/blog/zip-it-up/

2、AS3: Layout class for Flash CS3 一组用作布局的类 http://www.senocular.com/?id=2.8

3、CSSLoader 该类允许Flex应用程序在运行时载入CSS http://www.rubenswieringa.com/blog/cssloader

4、AS3: QueryString 一个单例类，用来获取URL地址后所带参数值对 http://evolve.reintroducing.com/2008/07/03/as3/as3-querystring/#more-141

5、ActionScript 3 Contextual Menu Manager Class AS3关联菜单管理类 http://www.blog.noponies.com/archives/103

2D & 3D Engine

1、APE (Actionscript Physics Engine) 物理引擎 APE 前身是as2版本的Flade，呼声很高，优点就是清晰简单，一共没有几个类：），目前版本alpha 0.45 ，有API文档和示例，教程有一篇quick start ，在Google Group上有一个论坛可以讨论。svn上一直在更新目前svn上的版本为0.5a

http://www.cove.org/ape/

2、Away3D http://code.google.com/p/away3d/

3、Papervision3D http://code.google.com/p/papervision3d/

4、Sandy 开源3D库 http://www.flashsandy.org/versions/3.0

5、FORM 一套AS3完成的用于2D刚性物体的物理引擎 http://code.google.com/p/foam-as3/

6、Five3D 基于矢量的Flash 3D 交互动画创建 http://five3d.mathieu-badimon.com/

7、Flade (Flash Dynamics Engine) 一套开源的2D物理引擎，AS2实现 http://www.cove.org/flade/

8、Box2DFlashAS3 2D物理引擎，AS3实现，基于强大的Box2D C++物理库 http://box2dflash.sourceforge.net/

9、Paradox 基于Flash的第一称3D引擎 http://animasinteractive.com/propaganda/

10、ND3D AS3 3D Engine 　一款简单的AS3开源3D引擎，编译后的引擎大小仅约10K http://code.google.com/p/nd3d/ http://www.nulldesign.de/nd3d-as3-3d-engine/

11、motor2 基于Box2d的AS3刚体引擎,也是2D的. 作者就是 AS3数据结构的作者，2007年最后一天发布 作者主页：http://lab.polygonal.de/motor_physics/ 代码：http://code.google.com/p/motor2/

12、WOW-Engine 法国人写的，基于Sandy library的算法 3D物理引擎 http://seraf.mediabox.fr/wow-engine/as3-3d-physics-engine-wow-engine/

FrameWorks

1、Cairngorm Adobe官方出的Flex框架 http://labs.adobe.com/wiki/index.php/Cairngorm

2、PureMVC 纯AS3框架，也有其它语言的实现 http://www.puremvc.org/

3、ASWing AS3 一套开源的AS3 GUI框架 http://www.aswing.org/

4、EasyMVC 由事件驱动的MVC框架 http://projects.simb.net/easyMVC/

5、Mate 基于Tag及事件驱动的Flex框架 http://mate.asfusion.com/

6、ARP 基于模式（Pattern）的RIA框架，Flash平台，支持AS2和AS3 http://osflash.org/projects/arp

7、Gaia 开源的Flash前端框架，支持AS2和AS3，用于快速开发 http://www.gaiaflashframework.com/

8、flest Actionscript3.0/Flex应用程序框架，用来开发企业级的RIA http://code.google.com/p/flest/

9、Gugga Flash Framework 更新至AS3 http://www.gugga.com/flashblog/

10、Prana 另一个提供了IOC反转控制的框架，类似著名的Spring框架 http://www.pranaframework.org/

11、OpenFlux 开源的Flex组件框架，让开发Flex组件更加快速容易 http://code.google.com/p/openflux/

12、Degrafa 声明式的Flex图形框架，允许以MXML标签的方式绘制图形、创建皮肤，还包括对CSS的支持 http://code.google.com/p/degrafa/

13、FlexMVCs 针对AS3和Flex的应用程序框架，基于PureMVC，作了些修正和精简 http://code.google.com/p/flexmvcs/

Flash & Flex Tools、Servers

1、FlexUnit Flex/Actionscript3.0单元测试框架 http://code.google.com/p/as3flexunitlib/

2、Visual FlexUnit 增强的FlexUnit，支持“可视化断言” http://code.google.com/p/visualflexunit/

3、RED bug debug调试控制器，让Flash、Flex、AIR应用程序更加容易 http://www.realeyesmedia.com/redbug/

4、reflexutil 可在运行时对Flex组件进行调试 http://code.google.com/p/reflexutil/

5、FxSpy 当Flex应用程序运行时可以检测和动态的改变可视化组件属性值 http://code.google.com/p/fxspy/

6、ThunderBolt 基于Firefox的Firebug插件的日志扩展，支持AS2及AS3 http://code.google.com/p/flash-thunderbolt/

7、FlashTracer Firefox扩展，可以以侧栏的方式将Flash中trace()的结果显示

8、RIALogger　另一款Flex/AIR的Debug工具 http://renaun.com/blog/flex-components/rialogger/

9、Alcon 一款轻量级的AS2及AS3的Debug工具，AIR方式将Debug信息展示出来 http://blog.hexagonstar.com/alcon/

10、GDS (Granite Data Services) 开源，提供了Adobe LiveCycle Data Services类似功能的服务器 http://www.graniteds.org/

Flex Explorers （大部分为Flex2版本，但同样适用于Flex3）

1、Flex3 Component Explorer Flex各类组件示例 http://examples.adobe.com/flex3/componentexplorer/explorer.html

2、Resize ManagerFX Explorer （此为商业作品，要收费的） http://www.teotigraphix.com/explorers/ResizeManagerFX/ResizeManagerFXExplorer.html

3、Flex3 Style Explorer http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

4、Flex2 Style Explorer（添加了Kuler功能）Flex UI组件风格定制并可输出为CSS http://www.maclema.com/content/sek/

5、Flex2 Style Explorer（Adobe 原始的版本） http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

6、Flex2 Filter Explorer 查看各类滤镜效果并可进行设置 http://merhl.com/flex2_samples/filterExplorer/ http://merhl.com/?p=40 (AIR版本)

7、Flex2 Primitive Explorer 在Flex中创建各种简单形状

http://www.flexibleexperiments.com/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html

The goal of this article is to explain what the Text Layout Framework is and how you can use it to display rich text inside of Flash Player 10. While I will not cover all the possibilities of this framework, I hope I will give you enough of a push to get up to cruising speed.

As usual, you can find a demo and the source code for the examples in this article packaged as a Flex 3.2 project ZIP file. So if you prefer to see the code before reading the theory, then see the section “Code time: An example using the Text Layout Framweork in Flex 3.2″.

What is the Text Layout Framework

The Flash Text Engine (FTE) available in Flash Player 10 and Adobe AIR 1.5 brings support for many new text capabilities. There is an API that provides low-level access to this engine, but if you want to use the API you have to write a lot of code. Thus, the FTE is intended to provide the foundation for libraries that leverage these capabilities and make life easier for the developer.

And this is exactly what the Text Layout Framework is. It is a library written in pure ActionScript, and thus can be used in Flash CS4, Flex 3.2 or Gumbo, or AIR 1.5.

The Text Layout Framework provides support for:

• Bidirectional text, vertical text and over 30 writing systems including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, the major writing systems of India, and others.
• Selection, editing and flowing text across multiple columns and linked containers, as well as around inline images
• Vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography
• Rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens
• Cut, copy, paste, undo and standard keyboard and mouse gestures for editing
• Rich developer APIs to manipulate text content, layout, markup and create custom text components.

Below are some screen shots from the samples you can find on http://labs.adobe.com/technologies/textlayout/:

Understanding Text Layout Framework components

The Text Layout Framework (TLF) comprises three components and ten packages. All the packages are subpackages of the flashx.textlayout package. As I said this framework is implemented using pure ActionScript 3, and thus can be used in Flash CS4, Flex 3.2, Gumbo (the Text Layout Framework is part of Gumbo), or AIR 1.5. And of course you have to target Flash Player 10. Here is a short description of the three components in TLF:

1. textLayout_core.swc is the main component and handles data storage, flowing text into containers, and rendering the containers
2. textLayout_conversion.swc is used to import text into the framework, and to export it
3. textLayout_edit.swc facilitates text selection and text editing

One way to look at the TLF, is by comparing it with the MVC pattern. If you apply this pattern, then you will have:

1. The model is defined mainly by the flashx.textlayout.elements package, which includes classes/interfaces that define the data structure that holds the text. Another package, flashx.textlayout.formats, is used for storing the format information. The package flashx.textlayout.conversion can be considered part of the model as it embodies the rules for importing/exporting the data
2. The view includes three packages that handle the rendering of text for display. You can choose to display the text using one of the two different methods: using flashx.textlayout.factory package you can display static text, and using flashx.textlayout.container you can display containers for dynamic text. The flashx.textlayout.compose package defines the methods for positioning and displaying dynamic text in containers
3. The controller is represented by two packages that define how the user can interact with the text (selecting, editing, copy/paste, undo, and so on): flashx.textlayout.edit and flashx.textlayout.operations

The Model and Text Flow hierarchy

The model uses a hierarchical tree to represent text. Each element of the tree is a class from the package flashx.textlayout.elements. The root element is always an instance of the TextFlow class, and conceptually represents an entire story of text (the term story comes from DTP, and means a collection of text that should be treated as one unit). For example, the article you are reading now could be a story.

The rest of the elements are:

• div - a division of text, can contains only div or p elements
• p - a paragraph, can contain any element but div
• a - a link; can contain tcy, span, img, tab, br
• tcy - a run of horizontal text, used in vertical text; for example in Japanese you can have this type of element; can contain a, span, img, tab, br
• span - a run of text in a paragraph; can contain only text
• img - an image in a paragraph
• tab - a tab character
• br - a break character. Text will continue on the next line, but it doesn’t start a new paragraph

The TextFlow can have only these two elements as children: div and p. Here is how the model can look for a story:

This Text Flow hierarchy translates to an XML document, using TLF Markup. Basically the nodes can be: TextFlow, div, p, a, img, span, tcy, br, and tab. At the same time, each node has an ActionScript class implementation: TextFlow, DivElement, ParagraphElement, LinkElement, TCYElement, SpanElement, InlineGraphicElement, TabElement, and BreakElement. All these classes inherit directly or indirectly from the class FlowElement.

Now, let’s see how you can create a TextFlow element. Basically, there are two ways you can create a TextFlow element: by using an XML object, or by creating the nodes and assembling them together in a tree (similar to creating an XML using DOM).

Creating a TextFlow element using an XML:

   1: private static const textInput:XML = <TextFlow xmlns="http://ns.adobe.com/textLayout/2008">

   2: <div>

   3:     <p>

   4:         <img source="air.png"/>

   5:         <span>Flex is a highly productive, free open source framework for building and maintaining expressive web applications...</span>

   6:         <br/>

   7:     </p>
      </div>

   8: </TextFlow>;

   9:

  10: private var textFlow:TextFlow = TextFilter.importToFlow(textInput, TextFilter.TEXT_LAYOUT_FORMAT);

As you can see TextFilter class is used for importing the XML and creates an instance of TextFlow. The second parameter of the import method tells what format the XML is written in. In this case I am using TLF Markup.

Creating a TextFlow using the FlowElement classes:

   1: var textFlow:TextFlow = new TextFlow();

   2: var p:ParagraphElement = new ParagraphElement();

   3: var span:SpanElement = new SpanElement();

   4: span.text = "Hello, World!";

   5: p.addChild(span);

   6: textFlow.addChild(p);