Flash Text Engine、Text Layout Framework在Flex、Flash中的实现

FTE_overview_100

2011-08-24更新:几篇TLF相关文章的连接


在Flex中实现聊天表情图片支持-资料篇一文中,我提到了FTE(Flash Text Engine)和TLF(Text Layout Framework)。它们的强大自不必多说,可去该文章提供的网址查看,或者直接看这个Demo。但是,在Flex与Flash中有对应的组件可以使用么?FTE和TLF是什么关系?下面就来说说吧 :em03:
继续阅读 »

Flash Builder Beta(Flex4,Gumbo):新特性不完全说明

Flash Builder确实很让人激动,我最喜欢的是下面这几个特性:

继续阅读 »

使用Flex、Flash Media Server和Flash Media Encoding Server创建视频共享程序

Adobe devnet的文章,详细介绍了如何利用Flex从客户端上传视频,用Flash Media Encoding Server在服务器端转换视频,然后利用FMS流发布视频的流程。浅显易懂,值得一看。


平台架构

Creating a video sharing web application using Flex, Flash Media Server, and Flash Media Encoding Server
Flash Media Encoding Server好是好,就是太贵了,6K美刀啊 :shock: (看完文章我才发现,早知不看这鸟文)……还是ffmpeg比较靠谱

在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支持表情图片,主要有下面三种方法:

  1. 使用TextArea,或直接使用TextField的html支持功能,在html中使用<img>标签嵌入表情图片文件。但这样做有两个问题,一是图片文件载入较慢;二是不容易控制载入的图片在文本中的“流向”。虽然可以使用getImageReference获取对图片的引用,但处理起来也比较费力。
  2. 将文本中需要插入图像的地方留出空白空间,获取空白空间的位置,并使用图像替代。这种方法的缺点在于每次更新文字内容的时候,所有的图片都要重排位置,对性能有一定影响,尤其是文本和图像比较多的情况下。
  3. 使用Flash Player 10提供的flash.text.engine(简称FTE)提供的高级功能进行处理,具体是使用GraphicElement类,这无疑是更好的方法。Adobe提供的Text Layout Framework(简称TLF)就是架设FTE的基础之上的。

下面是一些我搜集的资料,为后面的实战做个记录:
继续阅读 »

Flex不支持background-position属性的问题

我在为一个HBox标签添加背景图像的时候碰到了问题。
虽然HBox的CSS属性支持中有background-position这个属性,并且支持top、left等位置,但是当我正确设定并编译swf之后,发现背景图像并不像我设置的那样排列,反而没什么变化。google了一下资料,找到了Flex cookbook上的解决办法:
CSS background-position
但是,这个办法在我的程序(Flex SDK 3.4)中并不管用,没办法,我还是只能用degrafa来实现了。degrafa是个优秀的矢量绘图引擎,使用它不仅能支持background-position,还能支持background-repeat(关于背景平铺,还可以看这篇文章)。
使用方法:

HBox
{
	border-skin: ClassReference("com.degrafa.skins.CSSSkin");
	background-image: Embed(source="windowroom/bg2.jpg");
	background-position:top;
	background-repeat:no-repeat;
 
}

引入com.degrafa.skins.CSSSkin包后,编译的swf文件大小会增加51KB。如果对文件大小很在乎的话,还是去仔细研究一下Flex Cookbook中提供的方法好了。 ;-)

[转]漫画:混乱的标记语言XHTML2/HTML5(附中文版翻译)

转自:JustinYoung’s Blog

W3C最近宣布将于今年年底解散XTHML2工作组。一石激起千层浪,很多误解和谣言四起,江湖一片血雨腥风,搞得网页设计师人人自危,好像世界末日即将到来。其实,这只是个误解,看完下面的这幅漫画,大家就了解了。完全可以放心,然后回家洗洗睡了。

非原创,来源网络:英文版源文地址:漫画英文版源文地址,这里是英文原版漫画
继续阅读 »

如何在Flex中实现图片背景平铺

别找了,Flex自己是没这个功能的。下面这些链接都讲解了怎么自行实现。
转自:http://bbs.airia.cn/FLEX/thread-4095-1-1.aspx

Background image repeat in flex 3 – DEGRAFA!

http://bjw.co.nz/developer/flex/83-background-image-repeat-in-flex-3

e.g:

?View Code ACTIONSCRIPT
Application {    
   background-image:   Embed("assets/images/the_image_goes_here.png");
   background-repeat:   repeat;
   background-position: center;
   background-blend:    multiply;
   borderSkin:              ClassReference("com.degrafa.skins.CSSSkin");
}

此外还有:
继续阅读 »

前田约翰《简单法则》十条

前田约翰《简单法则》十条:
第一,减少,就是说,达到简单的最简单方法,就是要有所割舍,割舍一些没用的功能、多余的部分,就能简单许多。
第二,组织,妥善组织能使复杂的系统显得比较简单,这就好比合理使用一张写字台。
第三,时间,节省时间也会让人感觉简单(虽然这种一时的简单不一定是真正的简单)。
第四,学习,知识、经验的积累能帮助人们把某些事物变得更为简捷。
第五,差异,简单和复杂相辅相成,没有复杂的对比反差,简单就不能更好地显现。
第六,背景,简单的周边事物决非无关紧要,它有助于形成一种简单的氛围,让人感觉到简单。
第七,感情,感情的寄托也有助于简单。
第八,信任,要对一些简单的事物报以必要的信任。
第九,失败,要相信有些事物不可能简单,不是所有东西都适合简单。
第十,单一,简单就是要求减少形式的、无意义的,增加有意义的。

VCard 2.1(rfc-2426)标准通信薄基本格式

理解VCard(转自

vCard有三种数据类型,single type,list type,structured type.
Single type如FN;ENCODING=b;VALUE=uri:liudehua  FN是字段名,第一个分号(;)到第一个冒号(:)之间的是参数,第一个冒号(:)后面的全部作为FN的值。
List type 和single type不同的是在第一个冒号后面取出来的值都用分号分开(;)做为多个值返回。
Structurd type如:
N;ENCODING=b;VALUE=uri:family;given;other;suffix;prefix;    N表示字段名称,ENCODING=b;VALUE=uri是参数列表,参数列表配置在mobileInfo配置文件中,从冒号(:)后面一次表示家庭姓名、给定名、其他姓名、前缀、后缀,这在vCard规范中定义的次序,其中的值用分号(;)分开。在把contact转换成vCard文本时次序一定不能乱。

vCard 规范容许公开交换个人数据交换 (Personal Data Interchange PDI) 信息,在传统纸质商业名片可找到这些信息。规范定义电子名片(或叫vCard)的格式。
vCard 规范可作为各种应用或系统之间的交换格式。定义的格式与传送的方法无关。传送交换可能是文件系统,点对点交换的公共电话网络,以有线网络或无线传送的方式。用户能在互联网上直接利用vCard。电子邮件能转发在vCard中人信息。网页上很多用户填写的表格可自动使用vCard。
互联网邮件协会(Internet Mail Consortium)正在与互联网工程队伍(Internet Engineering Task Force IETF)共同努力,扩充以多用途互联网邮件为基础(Internet MIME-based)的互联网电子邮件标准标准,使之兼容vCard。vCard规范的XML绑定生成了DTD [vCard ,98] 有助于开发IMS LIP。

继续阅读 »

[转]快速设计网页必备的28款工具和生成器

本文原始出处:http://www.graphicfetish.com/28-fantastic-generators-for-easier-web-designing/

随着许多优秀的网页设计工具和大量资源的出现,今天网页设计比起十年前要简便得多。本文收集了28款可以帮助你快速设计网页的自动生成工具,包括了logo,banner、Web2.0徽标生成器,域名推荐。

继续阅读 »