[译]20个不能错过的ActionScript类库

若需转载本站原创文章，请注明： 转载自zrong's Blog 本站转载的文章标题会标明［转］。 本文链接地址: 在Flex中实现聊天表情图片支持-实战篇 2009年10月29日更新：今天发现，有几个问题，Flash Builder beta2自带的SDK已经解决了（下面标出了），看来beta确实是不能用于正式产品啊…… 2009年10月8日更新：Flash Builder beta 2发布后，spark组件中有些类的名称修改了，比如TextFilter改为TextConverter，SimpleText改为Label，TextArea.textview.textFlow改为TextArea.textFlow……因此如果使用beta2，那么下面的源码可能不会编译通过，请自行修改。 我发布“在Flex中实现聊天表情图片支持-资料篇”后，便有许多朋友找我要那个范例的源码。我在文章中就已提过那范例是从网上down来，并非我所做，自然没有源码。不过，也只需要用一个烂大街的方法就能获取源码了（这方法已经被许多老师采用过了，拿一个别人的课件改个名字就能来参赛 ），也不知道为啥要源码的同志不想动动手…… 那好吧，源码来了。 例子很简单，所有的代码加起来都不到400行，但做的时候却很痛苦。因为要了解spark组件和FXG的特点，还要了解新的skin的做法。不过总算做好了，总结一下，纠结的地方主要有下面几点： 采用内嵌表情还是采用外部表情图片。 为了获得更小的文件（Flex4比Flex3编译的文件大了200多K），一直是采用外部表情图片的。在本机调试都正常。但上传到网上后，就无法显示图片。调整了swf的base属性之后，图片可以在输入框和文字框中显示，就是不能显示在图片选择面板中。最后一气之下改成了内嵌图片。后来发现有可能是浏览器缓存问题，不过改就改了，也就没再纠缠这个问题。 要注意的是，spark的BitmapImage是不支持外部图片的，必须要内嵌。所以如果要用外部图片，就必须用Halo组件中的Image。而由于TLF中的InlineGraphicElement又仅支持URL或者DisplayObject，而BitmapImage无法提供URL（本来嘛，是内嵌的撒）因此在我将外部图片转成内嵌后，原来的程序出了问题。原因是BitmapImage的source属性返回的是BitmapData对象，如果将其提供给InlineGraphicElement的source属性，就会报错。因此在提供图片信息的时候，必须要提供Bitmap才行。 图片插入到TextInput之后不更新。 检查发现，InlineGraphicElement已经作为textFlow的元素存在了，但是在TextInput中却不显示出来，但如果再输入一些文字的话，图像又可以显示出来。因此判断是textFlow更新后没有执行flowComposer.updateAllControllers。把这个操作放在StatusChangeEvent.INLINE_GRAPHIC_STATUS_CHANGED事件后就行了。 Flex4 spark中的TextInpu焦点定位的怪问题。(Flash Builder beta2自带的SDK已经解决了这个问题) 在发送输入框文字之后，再将文字清空，如果使用按钮来发送文字，则清空过后还能重新定位回输入框继续输入文字；而如果使用TextInput的enter事件来完成这个动作，则清空后返回虽然能重新定位输入框，并显示闪烁的输入光标，但无论如何也无法输入文字了，必须重新单击一次输入框，才能再次输入。后来用一个变通的方法解决了。就是在为输入框重新设置焦点之前，先将焦点移到按钮上，再移回来…… 很无语 当时在这里发帖求助，可没人理，也无语 flowComposer自动清空为null的问题。(Flash Builder beta2自带的SDK已经解决了这个问题) flowComposer偶尔会自动清空，造成flowComposer.compose()或者flowComposer.updateAllControllers()失效，后来发现在界面大小变更的时候以及通过text=”设置文字清空的时候，flowComposer都可能会清空为null。而只需要重新将ti或者ta设置焦点就可以填充flowComposer的值。 滚动条不更新的问题。 输入的文字超过一屏之后，TextArea会自动出现滚动条。在Halo组件中，我是通过valueCommit事件来更新滚动条，但在spark中没有。不仅valueCommit没用，change等统统没用。后来改为用updateComplete来更新滚动条。其实，如果用textFlow的事件来更新，应该更加保险。 另外，spark的scroller组件也是蛮纠结的，在Halo中用ta.verticalScrollPosition = ta.maxVerticalScrollPosition就可以了，可spark又整了个viewport出来。这不，更新语句又要改成ta.scroller.viewport.verticalScrollPosition=ta.scroller.viewport.contentHeight。 还有几个麻烦的事情，比如ParagraphElement要进行深复制才能用，比如format和hostFormat……算了，不说了，直接看效果好了

若需转载本站原创文章，请注明： 转载自zrong's Blog 本站转载的文章标题会标明［转］。 本文链接地址: 在Flex中实现聊天表情图片支持-资料篇 2010年8月24日22:05:14 更新：riaidea的作者自行关闭了googlecode上的开源项目，因此riaidea的源码不能下载了，我也没有源码。 2009年10月9日11:09:14 更新：增加riaidea的范例 2009年9月16日20:34:30 更新：在Flex中实现聊天表情图片支持-实战篇 仔细研究了一下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 –