在Flex中实现聊天表情图片支持-资料篇
- 2011年8月24日09:44:35 更新：重新找到了基于riaidea的TextField的图文混排组件源码，见作者博客 这个组件在对文本进行滚动的时候占用CPU较大，我在30行文本+少量表情滚动的时候，CPU瞬间可达30%以上（AMD羿龙II三核），因此在性能较差的机器上可能感觉滚动会卡。综合目前Flash Player 10的市占率90%以上来考虑，应该使用TLF来开发聊天表情支持功能 （其实TLF大量文本滚动也会卡的，但比这个要好些） 。见在Flex中实现聊天表情图片支持-实战篇。
- 2009年10月9日11:09:14 更新：增加riaidea的范例
，（riaidea的作者自行关闭了googlecode上的开源项目，因此riaidea的源码不能下载了，我也没有源码） - 2009年9月16日20:34:30 更新：在Flex中实现聊天表情图片支持-实战篇
- 2009年8月21日09:36:19 更新：Flash Text Engine、Text Layout Framework在Flex、Flash中的实现
仔细研究了一下Flex支持表情图片，主要有下面三种方法：
- 使用TextArea，或直接使用TextField的html支持功能，在html中使用
<img>标签嵌入表情图片文件。但这样做有两个问题，一是图片文件载入较慢；二是不容易控制载入的图片在文本中的“流向”。虽然可以使用getImageReference获取对图片的引用，但处理起来也比较费力。 - 将文本中需要插入图像的地方留出空白空间，获取空白空间的位置，并使用图像替代。这种方法的缺点在于每次更新文字内容的时候，所有的图片都要重排位置，对性能有一定影响，尤其是文本和图像比较多的情况下。
- 使用Flash Player 10提供的flash.text.engine（简称FTE）提供的高级功能进行处理，具体是使用GraphicElement类，这无疑是更好的方法。Adobe提供的Text Layout Framework（简称TLF）就是架设FTE的基础之上的。
下面是一些我搜集的资料，为后面的实战做个记录：
- How to use Text Layout Framework in Flex 3.2 or AIR 1.5
- How to add a scrollbar to Text Layout Framework
- Utilizing Flash Text Layout Framework using MXML
- Flex 用AS3GIF类播放gif动画
- Spark Text Primitives - Functional and Design Specification
下面这个范例是我在网上找到的，使用的应该是第2种方法。
请使用下面的链接升级 Flash Player 到最新版本：
（2009年10月9日11:16:10更新）再加一个范例：
请使用下面的链接升级 Flash Player 到最新版本：
- 文章ID：721
- 原文作者：zrong
- 原文链接：https://blog.zengrong.net/post/emotion-support-in-flex-1/
- 版权声明：本作品采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可，非商业转载请注明出处（原文作者，原文链接），商业转载请联系作者获得授权。