（接Part 1）从设计师那里拿到文件后，大多需要在此基础上做应用逻辑的开发，首先的任务是获取时间轴上的组件对象。由于我们采用的不是MovieClip绑定类的方法，所以需要其他方法来获取组件的引用。

方法1：设计时给组件实例命名。比如在时间轴上的MovieClip名为mc，其中包含了KafeButton组件，取名为comp。那么程序员可以用mc.comp来引用KafeButton组件。这种是最简便的方法。

方法2：如果不想用第一种方法，或者设计师忘记给组件实例命名了怎么办。我们还可以在开发时使用工具类KafeHelper提供的getComponent()方法来代替。这个方法会查找并返回位于MovieClip参数的子级上的组件实例。

当然我们还可以用纯代码建立KafeComponent（先到下载页面下载swc）。实际上，我在这里偷换了一下概念：在时间轴上的那些组件并不是真正的KafeButton，而是KafeButtonComp。前者是逻辑类，后者则是包含了前者的可视化组件。弄懵了吧，我们在后面接着来讲。在纯代码的情况下，我们通常不会建立CompBase子类的实例（也就是组件面板的Kafe目录里看到的那些专门给设计师用的组件），而是直接用AbstractBehavior的子类实例来替代。我们还是拿KafeButton来举例，初始化实例的代码如下：

var mc:MovieClip = new SMovieClipFromSWC();  // 这次我们自己从库里建一个MovieClip
var btn:KafeButton = new KafeButton(mc);
addChild(mc);

简化了一点的写法：

var btn:KafeButton = new KafeButton(new SMovieClipFromSWC());
addChild(btn.skin); // btn.skin 是对MovieClip实例的引用

View full article »

开发KafeComponent陆陆续续有两年的时间了。设计的初衷源自于一个动画师普遍的需求：每次用MovieClip做按钮都要绑定类，相当繁琐而且不便于修改。后来受到Progression框架里提供的组件的启发，改用复合的编程方式来进行开发。再后来又借鉴了Reflex里关于behaviors的思路，再一次进行了大规模的重构。Big Spaceship的display包也给我了很大的启发。一步步发展到今天这个比较稳定版本。

从最初的需求上就决定了这套组件与Flash自带的组件或者ASWing之类的组件的不同之处。我的目的就是为了能够让设计师延续自己的工作习惯，在不需要接触任何代码的情况下就能实现大部分的效果，同时程序员也能避免大量的重复劳动。这也正契合了我所推崇的SWC工作流程。所以在相当长的一段时间里，KafeComponent和RobotGaiaAnt都是平行开发的。

前面废话了那么多，我们还是赶紧来看看这套组件提供了些什么功能吧。

首先到下载页面下载最新版本的zxp文件。下载完成后双击打开Adobe Extension Manager完成安装。

注意！中文系统下的Adobe Extension Manager有个bug。如果你安装完以后在Flash IDE里面找不到KafeComponent的话。请到以下目录手动把zh_CN下的文件复制到en_US：

Windows： C:\Users\[your username]\Local Settings\Application Data\Adobe\Flash CS5\en\

Mac： /Users/[your username]/Library/Application Support/Adobe/Flash CS5/en/

KafeComponent安装完成后会在Commands菜单下生成一个Kafe命令包。在组件面板下也会有对应的组件，主要分为两个包：kafe和kafeUI。以下我们用两个视频教程来分别演示一下基本的使用方法。在墙外的朋友请直接打开这两个链接1，2。

View full article »