BlogJava-鼠标的咖啡屋-随笔分类-Flex

Alert,TitleWindow以及PopUp的简单分析

咖啡屋的鼠标 — Sun, 16 Mar 2008 16:22:00 GMT

这两天为了Fluorida的closePopUp功能，读了点Flex框架的源码，对Alert，TitleWindow以及Flex的PopUp功能做了简单的分析。
【Alert和PopUp】
Alert内部其实是调用了PopUpManager.在parent参数为null或者为Application的时候，弹出的窗口将跟当前Application在一个容器下。Alert在最顶层，Application在最底层，中间那层是一个称之为modalWindows的控件，其实就是Alert后面那个磨砂的层。为了点到Alert上的按钮，写了一个小程序分析Alert的结构，不是很好读，但是可以运行一下，看看分析出的Alert的内部结构：（大略说一下，Alert的Child有一个AlertForm，而AlertForm的Child除了第一个是TextField以外，都是按钮）

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
    <mx:Script>

            import mx.core.IChildList;
            import mx.core.UIComponent;
            import mx.core.IFlexDisplayObject;
            import mx.managers.ISystemManager;
            import mx.managers.PopUpManagerChildList;
            import mx.managers.PopUpManager;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import mx.core.Singleton;
            import mx.managers.IPopUpManager;

            private function showSimpleAlert():void{
                Alert.okLabel="oKey";
                Alert.show("Hello, World!","",15,null,alertCloseHandle);
                var myTimer:Timer = new Timer(1000, 1);
                   myTimer.addEventListener("timer", timerHandler);
                   myTimer.start();
            }

            private function alertCloseHandle(event:CloseEvent):void{
                simpleAlertShower.label = event.detail.toString();
            }

            private function timerHandler(event:TimerEvent):void{
                var text:String = "elements:";
                var sm:ISystemManager = (Application.application.root as ISystemManager);
                text+=sm.numChildren.toString();
                text+=";\n modalWindows:";
                text+=sm.numModalWindows.toString();
                for(var index:int = 0; index < sm.numChildren; index++)
                {
                    text += "\n" + index + " : ";
                    text += sm.getChildAt(index).toString();
                }

                var alert:Alert = sm.getChildAt(sm.numChildren - 1) as Alert;
                text += "\n buttonFlags : "+alert.buttonFlags;
                text += "\n alertChildren:" + alert.numChildren;
                for(var index:int = 0; index < alert.numChildren; index++)
                {
                    text +="\n" + alert.getChildAt(index).toString();
                }
                var alertForm:UIComponent = alert.getChildAt(0) as UIComponent;
                text += "\n alertFormChildren:" + alertForm.numChildren;

                for(var index:int = 0; index < alertForm.numChildren; index++)
                {
                    text +="\n"+index+":"+ alertForm.getChildAt(index).toString();

                }
                popupChildText.text = text;
                alertForm.getChildAt(1).dispatchEvent(new MouseEvent(MouseEvent.CLICK));
//                var popupContainer:IChildList = (application.root as IChildList);
//                PopUpManager.removePopUp(popupContainer.getChildAt( popupContainer.numChildren - 1 ) as IFlexDisplayObject);

            }
        ]]>
    mx:Script>
      <mx:Button id="simpleAlertShower" click="showSimpleAlert();" label="Click Me"/>
      <mx:Text id="popupChildText"/>

mx:Application>

【关于TitleWindow】
TitleWindow作为弹出窗口的时候，跟Alert处的位置没什么区别，我想说的是TitleWindow的closeButton在哪里。下面这个同样不好读的程序可以帮助你分析TitleWindow或者说Panel里面都有用什么，以及closeButton在哪，其实就是在rawChildren的最后一个。

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
    <mx:Script>

            import mx.containers.TitleWindow;
            import mx.core.IChildList;
            import mx.core.UIComponent;
            import mx.core.IFlexDisplayObject;
            import mx.managers.ISystemManager;
            import mx.managers.PopUpManagerChildList;
            import mx.managers.PopUpManager;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import mx.core.Singleton;
            import mx.managers.IPopUpManager;

            private function showSimpleAlert():void{
                var popUpWindow:TitleWindow = TitleWindow(PopUpManager.createPopUp(this,TitleWindow,true));
                popUpWindow.width = 400;
                popUpWindow.height = 300;
                popUpWindow.visible = true;
                popUpWindow.showCloseButton = true;
                var myTimer:Timer = new Timer(2000, 1);
                   myTimer.addEventListener("timer", timerHandler);
                   myTimer.start();
            }

            private function alertCloseHandle(event:CloseEvent):void{
                simpleAlertShower.label = event.detail.toString();
            }

            private function timerHandler(event:TimerEvent):void{
                var text:String = "elements:";
                var sm:ISystemManager = (Application.application.root as ISystemManager);
                text+=sm.numChildren.toString();
                text+=";\n modalWindows:";
                text+=sm.numModalWindows.toString();
                text+="\n top children: ";
                for(var index:int = 0; index < sm.numChildren; index++)
                {
                    text += "\n" + index + " : ";
                    text += sm.getChildAt(index).toString();
                }

                var titleWindow:TitleWindow = sm.getChildAt(sm.numChildren - 1) as TitleWindow;
                text += "\n popUpWindowrawChildren:" + titleWindow.rawChildren.numChildren;
                for(var index:int = 0; index < titleWindow.rawChildren.numChildren; index++)
                {
                    text +="\n" + titleWindow.rawChildren.getChildAt(index).toString();
                }
                var titleBar:UIComponent = (titleWindow.rawChildren.getChildAt(2) as UIComponent);
                text += " has " + titleBar.numChildren;
                text += "\n" + titleBar.getChildAt(3).toString();

                popupChildText.text = text;
//                var popupContainer:IChildList = (application.root as IChildList);
//                PopUpManager.removePopUp(popupContainer.getChildAt( popupContainer.numChildren - 1 ) as IFlexDisplayObject);
                PopUpManager.removePopUp(titleWindow);
            }
        ]]>
    mx:Script>
      <mx:Button id="simpleAlertShower" click="showSimpleAlert();" label="Click Me"/>
      <mx:Text id="popupChildText"/>

mx:Application>

咖啡屋的鼠标 2008-03-17 00:22 发表评论

Flex功能性测试工具：Fluorida 0.0.1发布

咖啡屋的鼠标 — Fri, 07 Mar 2008 04:08:00 GMT

Fluorida的说明Fluorida是一种Flex/Flash功能性测试工具。它如真实用户一般操作Flash，并且允许测试者使用简单而又不失表达力的DSL编写测试用例。

【花絮】
在OpenParty上我们讲解了FunFX之后。熊节跟我说他刚才也做了一个自动化测试的框架。虽然我已经把敏捷和熊节这两个词关联起来很久了，但是这等速度还是让我吃了一惊（导致现在我还在怀疑是不是我听错了，已经证实。。。我听错了）。那个框架当天就被熊节发到了google code上，当时他的名字是：Fluorine，还写了一句很有趣的话：Fluorine makes your teeth FLASH。可惜这个名字有人用过了，现在改名为Fluorida。

Fluorida的原理说白了很简单，使用dispatchEvent的方式模拟操作，若干个月之前我也这么干过，当时是对这种方式的可行性表示怀疑的。在后来在Google code上下载了代码并阅读一遍之后，我开始觉得这个做法没啥问题。而且相比FunFx，他不需要Flex程序员再去学Ruby。今天很荣幸的加入到这个项目组中。
如今预览版--0.0.1版已经发布，广泛征集回馈和建议中，有任何建议可以到
http://code.google.com/p/fluorida/wiki/Announcement001 发表评论

======
主要相关报道及文章：
http://www.matrix.org.cn/resource/news/7cf0239a-ebe6-11dc-91da-b599c3ba16ef.html
http://dreamhead.blogbus.com/logs/16533990.html
http://gigix.thoughtworkers.org/2008/3/6/announcement-fluorida-0-0-1

项目地址：
http://code.google.com/p/fluorida/

咖啡屋的鼠标 2008-03-07 12:08 发表评论

想在Flex平台上学习设计模式的人注意啦

咖啡屋的鼠标 — Wed, 05 Mar 2008 02:21:00 GMT

像我这样从Java平台进入Flex平台的人经常会为ActionScript不容易实现某些设计模式（比如单例）而烦恼，跟我一样烦恼的人有福了，这里有一本很棒的书：
http://www.blogjava.net/Files/tj19832/flex/Adobe.Press.Advanced.ActionScript.3.with.Design.Patterns.Nov.2006.rar

这本书一定要读，一定要读，一定要读，不然开发的时候会犯很多错误，走很多弯路，产生很多错误的认识。后果很严重的：P

咖啡屋的鼠标 2008-03-05 10:21 发表评论

如果你和我一样装不上Flex Builder 3

咖啡屋的鼠标 — Thu, 28 Feb 2008 03:11:00 GMT

我的操作系统是Vista Home Basic版，Adobe网站上有两个地方下载Flex Builder。我从http://www.adobe.com/go/flex_trial下载的怎么也装不上。而从https://www.adobe.com/cfusion/tdrc/index.cfm?product=flex下载的就能装（这个地址需要你有Adobe的id，注册一个就好）。虽然解压出来也是前一个的文件，但就是能装，实在是有点晕。不知道是不是vista都这德行，反正跟我一样装不上Flex Builder3的话，去后一个地址下载就可。

咖啡屋的鼠标 2008-02-28 11:11 发表评论

正欲燎原的Flex

咖啡屋的鼠标 — Wed, 27 Feb 2008 16:52:00 GMT

最近，Adobe发布了Flex 3和AIR 1.0。宣布一个新时代的正式来临。Flex的时代。
回顾多年以前，当它仅仅是Flash的时候，那时的它也可以运行在网页中和桌面上，大家觉得它很漂亮，仅此而已，那时的它只是个非常可爱的小玩具。不要说巨人微软没有注意到它身上隐藏的潜力，就连他现在的主人Adobe也对它不感兴趣。也正是这样，他在每一个平台上都很好的生存了下来。
在这个世界上，有另外一个技术，叫做Java。它以跨平台为理念，努力打造一个统一的软件世界。在后台，它取得了无与伦比的成功，可是在前台，它总是不那么顺利。我，就生活在这样的世界里。
日子一天天过去，Flex迎来了3.0。FlashPlayer9也占据了世界上94%的PC（如果算上以前的版本，这个占有率逼近100%）。而相比只下，JRE之占据了84.6%,在苹果和其他操作系统的冲击下，windows也降到了90%以下。毫不客气的说，FlashPlayer已经是世界上覆盖率最大的运行环境。昔日的星星之火开始呈现燎原之势。
今年，毫无疑问会有很多的开发人员转向或者开始接触Flex，中国的Flex资源还比较贫乏，不过已经有一群人在努力了。虽然已经有了AnyFlex，RIAchina之类的论坛，但是相比较传统的论坛，下面的几个更有特色：
以Kenshin为首的人做的RXNA是一个非常棒的Flex相关RSS信息整合站，类似国外的mxna
而闲云野鹤则建造了一个Flex搜索引擎计划：http://blog.eshangrao.com/index.php/2007/02/27/352-googleflex
以及同样是他搞得Flex Wiki计划：http://blog.eshangrao.com/index.php/2007/05/12/390-flexwikiflex
还有促进线下交流的RIAmeeting
有声有色的活动和网站正在一点点多起来，今年将是Flex星火燎原的一年。我对此充满信心。

咖啡屋的鼠标 2008-02-28 00:52 发表评论

好吧，也来跟风

咖啡屋的鼠标 — Mon, 25 Feb 2008 12:25:00 GMT

所有关注Flex的博客上都在写这个，那我也跟风好了。
Adobe发布Flex 3和AIR 1.0的正式版。
在这个日子里我在干啥捏？配CruiseControl，尝试将持续集成引入我们部门，顺便，考虑CI in Flex的解决方案。

咖啡屋的鼠标 2008-02-25 20:25 发表评论

在Flash中使用SVG

咖啡屋的鼠标 — Thu, 14 Feb 2008 03:17:00 GMT

目前Flash是不支持运行时加载SVG的。必须使用Embed的方式。
已经有人向Adobe提出了请求，不知道什么时候才能实现了：http://bugs.adobe.com/jira/browse/SDK-11619
目前来说，使用SVG就会增Flash的体积，用来做些Logo之类的小东西还可以，做别的还是免了吧。

咖啡屋的鼠标 2008-02-14 11:17 发表评论

BlazeDS中的RPC实用日记

咖啡屋的鼠标 — Tue, 12 Feb 2008 16:07:00 GMT

用了twitter之后这些小小的心得都有点不想往博客上写了。
这两天用BlazeDS做个小软件，在用BlazeDS的时候发现，服务端的异常会被直接抛到客户端，去了我心里一个疙瘩。虽然我还不知道他给抛哪去了，是去了回调函数，还是在调用代码那里。不过他既然能抛回来，我就能处理咯，这都是小问题。
另外服务端返回的Java中的List，在BlazeDS中，都是给映射成了ArrayCollection。以后可以放心的处理了。
BlazeDS的文档还只有在线的，看着十分不方便，尤其是公司那个网速，整个就是拨号时代的速度啊。
BlazeDS文档地址：http://livedocs.adobe.com/labs/blazeds/html/index.html

咖啡屋的鼠标 2008-02-13 00:07 发表评论

搞到Flex Active Desktop部分源码

咖啡屋的鼠标 — Sat, 09 Feb 2008 16:51:00 GMT

最终确定，这个东西是用flexmdi做的，而不是用的ventanas。不管用哪个，我都郁闷了一天，想不明白他是怎么做的旋转，结果看了代码发现，他把Flexmdi给改了。把人家的MDIWindow改成继承ViewStack的了，恍然大悟。。。。。

咖啡屋的鼠标 2008-02-10 00:51 发表评论

FunFx Getting Started

咖啡屋的鼠标 — Thu, 07 Feb 2008 14:52:00 GMT

【前言】早在半年前的项目之处就想采用TDD的开发方式，最起码也要做到较完备的自动化测试。当时调研了很久找到一个叫FunFx的开源框架。可惜这个框架的试用之路并不平坦。最初找到的只有文档，照着文档做，失败了。看到文档上还是Flex2的，换成Flex2，编译都通不过,原来Flex2需要lcds的license只好回到flex3。被逼无奈去看代码，我的Ruby水平是二把刀，尽管改代码了，但还是通不过。怀疑是不是不支持Flex3，而且项目进度又容不得我们慢慢研究，只好自己写了一个功能有残次的测试框架，凑付着用，后来因为框架的扩展速度慢慢跟不上开发的速度，最终连写自动化测试用例的计划也放弃了。随着FunFx出了0.0.2，又对这个测试框架产生了一点希望，再次搭建的结果还是一度失败，经过不懈努力，总算在大年三十的下午运行了第一个Hello World！。
【正题：搭建TDD测试环境】（下面我说的过程是我个人运行的过程，应该是运行FunFx的充分条件，但不保证都是必要条件，如果有人发现哪个步骤是不必要的。请在回复中指出。）
FunFX是一个基于Ruby的自动化测试框架，所以，我们必须要装Ruby，我安装的Ruby版本是Ruby-186-26。我的Ruby IDE是eclipse上的RDT插件。我的操作系统是笔记本自带的Vista Home Basic，因此我的IE是ie7。我的Flex IDE是Flex Builder 3 beta3。
运行环境就这些，那么开始讲解搭建过程吧。我们从下载开始说起，首先，我们要去RubyForge下载FunFx 0.0.2，那是一个zip文件，记得要把Source包也下载下来，在后面我会说到它的用处。
下载完毕之后，将其解压，我们可以看到三个文件：

AutomationGenericEnv.xml
FunFX-0.0.2.gem
FunFXAdapter.swc

接下来，我们在FlexBuilder3中新建一个工程：LearnFunFx，在libs文件夹里加入下面三个swc文件：

automation_agent.swc
automation.swc
FunFXAdapter.swc

这里面的前两个swc文件来自flex的sdk里面。后面的一个就是FunFx里面的swc，但是这个swc有可能是无法使用的，因为它是为flex 2编译的，这时就需要我们前面下载的源代码文件了。源代码文件解压开之后可以找到FunFXAdapter文件夹。里面就是FunFXAdapter.swc的源代码（包括测试代码）。将其编译成swc（如果你不会编译成swc，请查阅相关文章或自己琢磨，给你个提示，可以用library project）。将我们自己编译出来的swc文件拷到libs里。这样我们就收集全了所有的类包。

接着将AutomationGenericEnv.xml拷贝到src文件夹下，然后在LearnFunFx.mxml中加入如下代码：

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>

            import mx.controls.Alert;
        ]]>
    mx:Script>
    <mx:Button id="test" x="255" y="146" label="Button" click="Alert.show('Hello World!');"/>

mx:Application>

代码实现的功能很简单，单击按钮，弹出Hello World!的对话框。
代码准备完了，接下来是编译了。下面我们在我们的工程：LearnFunFx上点击右键：选择Properties，再选择Flex Compiler，在Additional compiler arguments文本框中输入：-include-libraries "XXXX\LearnFunFx\libs\automation.swc" "XXXX\LearnFunFx\libs\automation_agent.swc" "XXX\LearnFunFx\libs\FunFXAdapter.swc"
XXX表示工程根文件夹，自己补齐。
接下来，一个囫囵的swf文件就被编译出来了。这里还有一个问题,html文件里面的Object标签一定要有一个name属性，其值要跟id一样，这就需要我们改html-template文件夹下的index.template.html了。我的做法是把body标签里的js代码删掉，只留下html标签版本的，然后在Object标签里面加上一个属性：name="${application}"。再次编译一个，将 bin文件夹下的所有文件拷到一个web应用中。

flex端的处理完毕了，接下来是Ruby，还记得那三个文件吗？
在三个文件所在的文件夹中地址栏里运行cmd（这是vista的小技巧，其他的windows可以通过传统的方式进入cmd窗口,并进入该文件夹），在命令行上输入： gem install FunFX-0.0.2.gem等待一小会儿，屏幕上提示：Successfully installed FunFX, version 0.0.2，表示已经安装成功。
然后进入Eclipse 新建一个ruby项目LearnFunFx，也将AutomationGenericEnv.xml拷到源文件同级目录下，新建LearnFunFxTest.rb，输入代码：

require 'test/unit'
require 'funfx'

class LearnFunFxTest < Test::Unit::TestCase
    def setup
     @ie = Funfx.instance
     @ie.start(true)
     @ie.speed = 1
     @ie.goto("http://localhost/.../LearnFunFx.html", "LearnFunFx")
    end

    def test_control
        @ie.button("test").click
    end
end

“...”是web应用的名字，自己补齐。代码非常简单，功能是打开网页，找到名为LearnFx的swf，点击id为test的按钮。在运行之前，我们还要做一件事，不然的话，我们之前的所有努力都白费了。打开IE，按下alt，选择“工具”-> “Internet选项”，点击“安全”tab页，将“本地Intranet”安全级别设为低，将http://localhost加入可信站点，并将可信站点的安全级别设为低。（这里是我不确定是否多做了什么的地方之一）。做了这些之后，ruby调用js就不会被浏览器阻拦了。（刚才试了一下，运行完测试用例之后再改回去也不会被阻拦了，搞得我很郁闷，但是在我修改这里之前，确实是无法运行的。）
然后我们运行该测试用例，我们就会看到一个浏览器窗口被弹出，swf中的按钮被按下，一个Hello World!的对话框弹出。一切成功：）
（完）

咖啡屋的鼠标 2008-02-07 22:52 发表评论

FunFX终于运行通过

咖啡屋的鼠标 — Wed, 06 Feb 2008 17:12:00 GMT

因为二把刀的Ruby水平，导致我反反复复研究FunFX，最后问题居然出在IE的安全性上。不管怎么说，终于在今天测试通过了。新年里，这是一个非常鼓舞我的事件，终于可以给自己一个交代了，Flex对TDD是友好的。
最后，新年新气象，跟所有看到这篇blog的朋友们拜个年。

咖啡屋的鼠标 2008-02-07 01:12 发表评论

Flex Active Desktop可能用到了哪些控件

咖啡屋的鼠标 — Wed, 30 Jan 2008 15:01:00 GMT

前几天在《Flex的逆袭》中推荐了一个嚣张的Flash，他的名字叫做“Flex Active Desktop”，没看过的人可以看看这两个视频了解一下：

这里面有几个效果和控件是让我非常感兴趣。比如说里面的旋转效果，不管是桌面的旋转还是窗口的旋转；比如那个可以看网页的浏览器，比如那些表现力十分丰富的按钮。抱着对这些的强烈兴趣，搜寻了大小网站，一个个看开源项目，一篇篇读博客文章，总算被我找到几个。

首先登场的是强大的旋转效果：
http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/
在这个效果里面，我们的所有的旋转效果他都支持了，不管是立方体的旋转，还是窗口从最小化恢复的变形，还是窗口的180度旋转全都有了。代码在这里下载：http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip

接下来登场的是看似非常不科学的Flex中的浏览器：
http://www.themidnightcoders.com/blog/projects/flexhtml/flexhtml.html
用这个控件我们可以在Flash里面浏览网页，其实是作假的，并不是真的写了一个html+CSS+JS解析器。当然也有类似这样BT的强者：http://motionandcolor.com/wrapper/
这是一个用AS写的 HTML/CSS 渲染引擎，虽然没有JS，依然十分彪悍。

接下来，该是我们的按钮了。Flex中的按钮表现力相对而言比较差。这个CanvasButton控件就能弥补这点不足，我们可以把它当成Canvas用，不管Canvas里放什么，最后都会表现为一个Button，这样我们可以轻松的做出富有表现力的按钮：http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/
他是上次我推荐的flexlib的控件之一，flexlib是非常强大的控件集。

Flex Active Desktop中下方的工具条我没找到，看着也不难，用TileList应该可以做到。不过在找的过程中我发现了这个：
http://dev.getoutsmart.com/labs/dock/
仿苹果的工具条，这比那个更嚣张，咔咔。在这里下载代码：http://dev.getoutsmart.com/labs/dock/dockdemo.zip

当然里面的窗口看着也不错，窗口的效果可以见这里：
http://www.returnundefined.com/flexmdi/explorer/

第二个视频中转着切换表示当前选中图标的效果也许是用了这个：
http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html

窗口右侧伸出扩展子窗口的效果，应该是用的这里的，也保不齐窗口就是用的这个，而不是上面那个：
http://window.diaztorres.com/bin-release/test_window.html

有了这些控件，Flex Active Desktop看起来也不是那么难做出来的Flex了是不？这就是我爱开源的原因之一。

咖啡屋的鼠标 2008-01-30 23:01 发表评论

FunFx研究失利

咖啡屋的鼠标 — Tue, 29 Jan 2008 16:02:00 GMT

FunFX是flex平台下的一个开源自动化测试工具，可以对Flex进行TDD开发，目前，我已经进行了三次尝试,可FunFX总也搭建不起来，心情极度恶劣。

咖啡屋的鼠标 2008-01-30 00:02 发表评论

Data Service：Flex在J2EE企业级开发中的王道

咖啡屋的鼠标 — Sun, 27 Jan 2008 03:56:00 GMT

过去的半年，因为对于Flex的认识较浅，全部采用的HttpService的方式构建的我们程序的通信，这里面java对象与as对象的映射与解析是一份工作量不小的工作，不是没考虑用DataSerive的RPC，因为考虑到收费就放弃了，前不久从InfoQ上一篇新闻得知，有开源的DataService：GraniteDS，而Adobe自己也在去年12月14日开源了一个:BlazeDS。
这下清除了我们成本和许可的障碍。前天下载了BlazeDS，稍微研究了一下，部署了一个应用。
结果非常的成功，一切都变得那么简单了，我们可以轻松的调用后台的Java方法。就好像调用flex本地的方法一样。而且不用写Java类和as类的映射(还是要写两行代码的，在映射的类上写这些：[Bindable] [RemoteClass(alias="Java全类名，自己替换")])，我昨天试了，非常好用。传参和返回值都是跟直接调flex的函数一样（除了是异步的。这里我们看得出Flex对Java是非常友好的），还没试异常。而且配置也是非常简单的，在WEB-INF/flex/remoting-config.xml 下配置一个类似这样的标签就可以了：

<destination id="product">
        <properties>
              <source>flex.samples.product.ProductServicesource>
        properties>
destination>

调用也非常简单（以mxml中的调用为例）： destination属性的值就是配置文件里标签的id属性的值，之后我们就能像使用as对象一样使用他了。
前后台的对象保持一致的办法也只是有一个什么样的Java对象就写一个什么样的as对象。

部署也非常简单，将BlazeDS下载到之后，解压完毕我们可以看到三个war包，三个文件夹，和一个license,其他的不看，三个文件夹分别是：

docs
resources
tomcat

顾名思义，第一个是文档（现在还不全，想看全的还得去网站上看在线的）；第二个是一些可能会用到的资源，比如Jar包什么的；第三个是保存有例子的tomcat，webapps里面有三个web应用，分别对应那三个war包，但其中最有用的就是blazeds-samples这个了从里面我们可以看到所有丰富的例子，而且单击右键选择View Source还能看到代码，而blazeds就是我们部署一个基于BlazeDS的web应用的空文件夹，所有该web应用需要的Jar包和配置文件都全了，而且都在他们该在的文件夹里。不过你要真的跑起来，在你的tomcat里还要部署些server级的东西，那个就在我们的resources/security/tomcat里，参照该文件夹下的readme.txt部署。

另外，即便是对HttpService和WebService的应用方面他都有一个很好的框架，他还有一个message框架，目前我还不清楚是干什么用的，猜测也许像JMS。

在对J2EE的支持方面，GraniteDS号称已经支持EJB3.0,Spring,Guice,Seam，BlazeDS我还不知道，不过GraniteDS的作者对BlazeDS是持一个开放的态度的，且两者的开源协议是同一个，可以互相拷贝代码，所以我相信将来两者都会更强大。

简单的配置，清晰的结构，强大的功能。在试用之后，我坚信Flex中J2EE开发的王道一定是各种Data Service。
=========================
BlazeDS的网址：
http://labs.adobe.com/technologies/blazeds/

题外话，推荐一个Flex for Java的网址，希望对Java程序员有帮助：
http://flex.org/java/

咖啡屋的鼠标 2008-01-27 11:56 发表评论

Ajax还是Flex？（二）Flex的逆袭

咖啡屋的鼠标 — Thu, 24 Jan 2008 14:41:00 GMT

好了，作为一个Flex的爱好者，说这么多Flex的不好也是挺不爽的一件事，不过不好反正坏的都说的差不多了。今天可以放心的说说好的。
我从不觉得Flex的出现Ajax就要退出历史舞台了，web上在很长的时间里还是JS+HTML+CSS的天下，而且随着技术的发展，保不齐还会发生什么让我们想不到的进步。所以幻想拿flex替代Ajax的人们可以歇歇了。如果说web的王位还要在很长时间内保持现状的话，那么哪里是Flex的生存之道呢？这个问题不好回答，但是如果我们从另一个切入点来考虑这个问题，来看看Flex的优势，这个问题就简单化了。
我最常问得一个问题：Flex和Ajax拼效果，谁赢？毫无疑问是Flex，但是Flex毕竟是后起之秀，所以我的观点很简单，如果你打算做Web Style的UI，放弃Flex吧，选他还不如不选，不过。。。。如果你想做个非Web Style的UI，挑战UI的极限，选Flex吧，你不会后悔的。Flex可以把创意发挥到极致。
尽管Flex有这样那样的问题，但是她的优点依然令我着迷。让我愿意进行各种努力去扬长避短。
下面这个就是adobe的flash on，超常规的视频网站，相关视频的摆放方式给你耳目一新的感受，
http://www.adobe.com/flashon/
如果你的网速不够好，体验不了FlashON的流畅效果，没关系，你可以看看下面的这两个视频，你也可以明了RIA能做到怎样的高度：

会穿墙的伙计们，可以自己去网站上感受一下这个RIA：
http://www.thereplicants.net/flex/test/Dashboard.html
空间有限，我就不展示AIR iPhone之类的的了（而且AIR也是有点跑题了）感兴趣的可以去下下这个：http://www.merhl.com/?p=29 那个网站右侧的twitter工具很有趣

除去这些之外，Flex还有什么优势吗？有，视频和音频播放，以及跟Adobe其他产品的整合能力。flash on的视频已然支持HD画质，可以给用户带来更大的视觉享受。而与Adobe的产品整合能力么，看这个：

酷吧（我还曾看到另外一个模拟photoshop的flex，也很嚣张，可惜地址找不到了。），该应用已经投入使用：http://www.youtube.com/ytremixer_about
娱乐方面，Flex也可以提供给我们很多很多，比如：
http://blog.alternativagame.com/ru/files/2007/10/3denginedemo_en.swf
http://www.smallworlds.com/beta/
这才是Flex，她模糊了Application与Web的界限。Ajax也很好，她提升了页面的用户体验。只不过两者追求的高度是不一样的。Ajax带来的是一次改革，而Flex带来的则是一场革命。Flex生来就是为了让人们享受更好的效果的，早在他还是那个小小的flash时代就是了。而现在，震撼才刚刚开始。
（The End）

咖啡屋的鼠标 2008-01-24 22:41 发表评论

Ajax还是Flex？（一）前辈Ajax

咖啡屋的鼠标 — Wed, 23 Jan 2008 17:28:00 GMT

短到只有几个字的前一篇就当是序好了。还不至于厚脸皮到那么几个字就当成是一，虽然我是很想。。。。

我想了一天，我为什么要选Ajax？或者说Ajax的优势在哪里？大概有：

对公司而言，有丰富的现有资源可供整合（Applet、ActiveX控件）。
完全开放的平台、完美的技术组合：HTML+CSS+Javascript、技术框架已经非常成熟。
容易上手，普及率高（这对项目经理来说是多致命的诱惑），足够多的在线资源可供搜索，无数同行的blog和论坛为你的应用之路保驾护航。（尤其在中文方面，一个js的问题查找解决办法很容易的，几乎你的每一个问题都有人解决过了，而一个Flex的，麻烦输英文吧，还不一定有人解决过，我就找到了好多许愿的帖子，愿这个问题在下一个版本中解决。。。。。。）。
单个页面足够小，几乎没有加载时间（相对于Flex）
各层次完美的分离，而且是真的分离了（相对于Flex，Flex只是程序结构上分离了，部署了之后不会有太大的区别）。你不得不承认，作为前辈Ajax的结构相当完美。
对“敏捷”友好，容易TDD。
配有强大成熟的自动化测试工具助你完成健壮的程序。

如果以上还不足以让你觉得Ajax有什么吸引人的，那么麻烦点击下面几个链接：
什么叫丰富的资源，以此为例：
http://www.java2s.com/Code/JavaScript/CatalogJavaScript.htm
http://www.java2s.com/Tutorial/JavaScript/CatalogJavaScript.htm
http://www.java2s.com/Code/JavaScriptReference/CatalogJavaScriptReference.htm
http://www.java2s.com/Code/HTMLCSS/CatalogHTMLCSS.htm
http://www.java2s.com/Code/HTMLCSSReference/CatalogHTMLCSSReference.htm
什么叫成熟的框架，HTML和CSS已经在全世界广泛应用了许多年，在JavaScript领域也有成熟的类库和控件库，比如：
http://www.prototypejs.org/
http://www.extjs.com/ 不知道ext又怎么踩着gfw尾巴了，链接被重置，友情提示，请准备好穿墙工具查看
http://jquery.com/
如果上面的那些还不能让你满足，那么Tin的ppt应该可以喂饱你了，其中甚至推荐了可以使ie6的bug消失的神奇js库和CSS框架：
http://www.haokanbu.com/story/5889/
http://www.haokanbu.com/story/5892/
如果你觉得Flex的开发工具非常好，相对于Flex Builder我们也有这些开发工具（虽然他们也支持Flex）：
http://www.aptana.com/
http://www.jetbrains.com/idea/features/javascript_editor.html
有上面的这些东西辅助，基本的项目我们都可以搞定，为什么要选择Flex呢？而且根据我的开发经验Flex有下面几个缺点：

Flex编译出的程序过于庞大，什么都不做都有几百K，如果加入一个字库的话更是会有上M的大小，虽然现在采用了RSL的方式，解决了一些尴尬局面，但是也不能改变其无法广泛使用在广域网上的境地。
Flex的编译速度慢，相传全部用as而不使用mxml可以提高编译速度（可问题出来了，那我的Flex操作性就变差了，跟Ajax有啥区别）
如果选择AIR，那就不能利用公司现有的web资源，比如一些activex控件、applet等，需要重新开发。说句题外话，当你不得不调用这些本地相关的玩意时，从一定程度上影响了他的跨平台的能力。

既然这样，Flex这种玩意还有啥选择的必要吗？
休息。。。。。。

咖啡屋的鼠标 2008-01-24 01:28 发表评论

Ajax还是Flex？

咖啡屋的鼠标 — Tue, 22 Jan 2008 17:12:00 GMT

听Tin的Topic之前就在考虑自己应该在什么情况下用Flex，听了Tin的topic之后更得考虑这个问题了。
Ajax（我暂且借用这个名词）在强大的开源库及现代化的ide的支持下，已经很强大。
Flex这时过来横插一杠子，实在是很没意思。取代Ajax，绝不是一个很好的主意。（虽然我曾经这么想过）
面对强大的Ajax和超炫的Flex，我总是会问自己很多问题：
Flex可堪大用吗？Flex和Ajax是进一步互补还是在一次握手之后分别向两个领域发展呢？Flex会是前端的Java吗？AIR是Flex的未来吗？BS模式会不再成为主流，CS模式会再一次流行吗？
夜已深，悍然歇晌，暂时先给自己挖个坑好了，省的自己忘了这个问题。

咖啡屋的鼠标 2008-01-23 01:12 发表评论

Flex中当视频播放到某一时间点时触发事件的样例代码

咖啡屋的鼠标 — Sun, 20 Jan 2008 13:44:00 GMT

如果使用VideoDisplay，那么他有一个属性，叫cuePoints，值类型为数组，数组中的每个元素要求有两个属性，一个是name，类型为字符串，一个是time，类型为数字，表示触发时间的秒数。例如下面的代码，当播放到3s时将弹出一个对话框。这用来解决一些播放到某一时间点触发某事件的情况。

xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
    <mx:Script>

            import mx.controls.Alert;
            import mx.events.CuePointEvent;
            [Bindable]
            private var myCuePoints:Array = [
            { name: "first", time: 3}];

            private function init():void{
                this.c_mainVideoDisplay.cuePoints = myCuePoints;
                this.c_mainVideoDisplay.addEventListener(CuePointEvent.CUE_POINT,cue_PointHandler);
            }

            private function cue_PointHandler(event:CuePointEvent):void{
                c_mainVideoDisplay.pause();
                Alert.show("It plays " + event.cuePointTime +"s.","",4,null,go);
            }

            private function go(event:Event):void{
                c_mainVideoDisplay.play();
            }
        ]]>
    mx:Script>

            <mx:VideoDisplay id="c_mainVideoDisplay" width="320" height="240"
                cuePointManagerClass="mx.controls.videoClasses.CuePointManager"
                source="phone.flv"
                autoPlay="false" />
            <mx:Button label="播放" click="go(event)"/>
mx:Application>

咖啡屋的鼠标 2008-01-20 21:44 发表评论