亚洲综合网站色欲色欲,亚洲av永久无码精品网址,亚洲AV无码乱码在线观看性色扶

Eric_jiang — Tue, 18 Mar 2014 07:44:00 GMT

Red5��媒体服务器��?/strong>

Red5是一个采用Java开发开源的Flash��媒体服务器。它支持�Q�把音频�Q�MP3�Q�和视频�Q�FLV�Q��{换成播放��；录制客户端播放流�Q�只支持FLV�Q�；�׃�n对象�Q�现场直播流发布�Q�远�E�调用。Red5使用RSTP作�ؓ��媒体传输协议，在其自带的一些示例中演示了在�U�录�Ӟ��flash��媒体播放，在线聊天�Q�视频会议等一些基本功能�?/p>

软�g环境

既然是Java开发的�Q�自然少不了要安装JDK�Q�这里��用的是JDK6.x版本�Q�Red5用的�?.9.1版本�Q�Red5内嵌了Tomcat6.x服务器。�ؓ了测试和使用Red5�Q�需要另外搭建开发环境，开发部�|�相应的服务端应用，开发IDE为Eclipse3.3.x + MyEclipse6.x�Q�貌似版本有点低了，没办法，刚好电脑上安装程序，不想另外下蝲了，同时也够用了�Q�哈哈）�Q�Web服务器�ؓTomcat6.x�Q�最后客��L��播放器��用Flowplayer3.2.x。以下是Red5和Flowplayer3.2.x下蝲地址�?/p>

Red5下蝲�Q�http://www.red5.org/downloads/
CuSunPlayer��媒体播攑֙�下蝲�Q�http://www.CuPlayer.com/CuSunPlayer/

安装软�g与环境配�|?/strong>

1.安装JDK�?/strong>�q�里使用的是jdk-6u21-windows-i586.exe�Q�双��L��提示安装卛_��

完毕后设�|�环境变量JAVA_HOME,PATH和CLASSPATH�Q�如何设�|�环境变量请��h��或百�?/p>

2.安装Red5

因�ؓ是Windows环境�Q�这里下载的是setup-Red5-0.9.1.exe。直接双��d��装程序安装，安装�q�程中，需要填写服务器IP地址和端口，�׃��是本地测试，直接填写127.0.0.1�Q�端口随意，不冲�H�即可，��>1024�Q�这里��?050。安装完之后不要忘记讄��RED5_HOME环境变量�?/p>

Red5安装�E�序会默认把Red5注册为系�l�服务自动启动，打开�pȝ��服务�Q�查看是否服务是否已�l�存在：

我们看到服务已安装，但还没有启动�Q�需要我们手动启动一下，选择Red5服务�Q�鼠标右键，选择启动或者重新启动即可。系�l�界面操作，不赘�q�。如无意外，应该可以正常启动。如果启动不了，��h��查前面的环境变量讄��是否讄��完毕�q�且正确�Q�最后检查Red5的启动日志文�Ӟ��看看是否有相应的提示信息�Q�日�?文�g在Red5�ȝ��录下的log目录下，日志文�g有多个，查看red5_service.log卛_��。启动后�Q�打开��览器，敲入安装Red5时的IP地址和端口，正常情况下，看到如下信息�Q�说明Red5已经正确安装了�?/p>

�q�个时候可以点击Install�q�入下蝲其官�Ҏ��供的demo�q�行研究学习�Q�安装后的demo文�g在Red5根目录下的webapps下，�?D:\Red5\webapps。安装操作比较简单，�q�里不详�l�介�l�，不过要这里要提醒一下，安装完的demo后，需要重新启动一下Red5服务器，重启操作参考上面的介绍�?br />

3.安装配置开发环�?/strong>
主要安装配置Eclipse3.3.x + MyEclipse6.x +Tomcat6.x�?/p>
Eclipse下蝲的是eclipse3.3.1.zip�Q�直接解压到D:\Program Files目录下；Tomcat下蝲apache-tomcat-6.0.36-windows-x86.zip,直接解压到D:\ProgramFiles目录卛_��Q�然后安装MyEclipse6.x�Q�这里用的是MyEclipse_6.0.1GA_E3.3.1_Installer.exe,双击按提�C�安装完毕即可�?/p>

配置Tomcat服务器和默认字符集�ؓUTF-8
��x��Q��Y件的安装与环境配�|�完成，接下来就是开发和部��v我们的流媒体服务器应用以及测试应用了�?/p>

Eric_jiang 2014-03-18 15:44 发表评论

Eric_jiang — Sat, 09 Jul 2011 10:00:00 GMT
     摘要:     在用 ActionScript 创徏自定义组件时,必须重蝲 UIComponent �cȝ��一些方�?实现基本的组件结�?构造器,以及 createChildren(),commitProperties(), measure(), layoutChrome()�?updateDisplayList()�Ҏ��. 基本�l��g�l�构下面例子展示了Flex �l��g的基�?..  阅读全文

Eric_jiang 2011-07-09 18:00 发表评论

用ActionScript开发高�U�可视化�l��g-关于创徏高��l��g

Eric_jiang — Sat, 09 Jul 2011 09:37:00 GMT
     ��单组件一般都是现�?Flex �l��g的子�c�，它们通过讄�� skpins �?styles 属性来修改父组件的外观�Q�或者添加一些新的功能。比如，�?Button 控�g增加一个新的事件类型，或者更�?br />DataGrid 控�g�~�省�?styles �?skins�?br />在高�U�组件中�Q�通常会执行以下动作：
1. 更改已有�l��g的可视化外观或者可视化�Ҏ��?
2. 创徏复合�l��g�Q�将两个或者多个组件包装在其中�?nbsp;
3. 通过�l�承UIComponent �c�L��创徏�l��g�?
    我们通常用��承现存类的方式来创徏�l��g。比如，要创建基�?Button 的控�Ӟ��我们��创建mx.controls.Button �cȝ��一个子�c�R��要开发自��q��l��g�Q�则需要创建mx.core.UIComponent �cȝ��子类�?
关于重蝲 UIComponent �cȝ�� protected �Ҏ��
    Flex 所有的可视化组仉��是UIComponent �cȝ��子类�?因此�Q�可视化�l��g�l�承�?UIComponent�c�L��定义�?methods�Q�properties�Q�events�Q�styles �?effects�?
     要创建高�U�的可视化组�Ӟ��必须实现一个构造器�Q�constructor�Q�。另外要有选择性地重蝲下表�?UIComponent �cȝ��一个或者多�?protected �Ҏ��Q?nbsp;
    commitProperties() 提交�l��g所有的属性变化。要么��属性同时更改，要么��保属性按照特定顺序设�|��?nbsp;
    createChildren()       创徏�l��g的子�l��g�?br />   比如�Q�ComboBox 控�g包含了一�?TextInput 控�g和一�?Button 控�g作�ؓ它的子组件�?br />    LayoutChrome()   定义 Container �cȝ��子类容器�?border 区域�?nbsp;
    measure()               讄��l��g的缺�?size 和缺省的最��?size�?nbsp;
    updateDisplayList()   �Ҏ��以前所讄��的属性和样式来确定组件的子组件在屏幕上的大小�Q�size�Q�及位置�Q�position�Q?�Q��ƈ且画出组件所使用的所有皮肤（ skins�Q�及囑�Ş化元素。组件的父容器负责确定组件本�w�大��（size�Q��?/strong>
     �l��g的��用者不会直接调用所有这些方法�?/strong>
关于失效(机制)的方�?
     在组件的生命周期中，应用可能会改变组件的大小和位�|�，更改�l��g的属性来控制�l��g的显�C�，或者更改组件的样式�Q�styles�Q�和皮肤�Q�skin�Q�属性。比如，可以更改�l��g中所昄��?br />文本(Text )的字�?Font)大小�?作�ؓ变更字体大小工作的一部分�Q�组件的大小也可能随之发生变化，�q�就需�?Flex ��L��新应用的布局。布局操作需要Flex 调用自定义组件的commitProperties(), measure(), layoutChrome(), 以及 updateDisplayList()�Ҏ��?
    应用通过�E�序来更改字体大��的执行速度大大快于 Flex 更新应用的速度。因此，你应该在��定最�l�要更改的字体之后再更新布局�?nbsp;另外一个场景就是，当你讄��了组件的多个属性后�Q�比�?Button 控�g�?label �?icon 属性，你肯定会惌��所有属性被讄��后一�ơ性执�?commitProperties(), measure(), �?updateDisplayList()�Ҏ��Q�而不是设�|�过 label 属性后执行一遍这些方法，然后在设�|?icon属性后又执行一�ơ这些方法�?
    另外�Q�可能有几个�l��g同时改变了它们的字体大小。这时应该让 Flex ��d��调布局操作�Q�以消除��M��冗余�q�程�Q�而不是在每个�l��g更新它的字体大小之后都执行一�ơ布局操作�?
     Flex 使用一�U?#8220;失效机制�Q�invalidation mechanism�Q?#8221;来同步组件的更改�?strong>Flex 用一�p�d��Ҏ��的调用来标记�l��g的某些东西已�l�发生变化，�q��?Flex 去调用组件的commitProperties(), measure(), layoutChrome(),或�?updateDisplayList()�Ҏ��。通过�q�种办法�Q�Flex 实现�?#8220;失效机制” �?nbsp;
    下表描述了有�?#8220;失效(invalidation)”�Ҏ��Q?nbsp;
     invalidateProperties()   通知�l��g�Q�以使下�ơ屏�q�更新时�Q�它的commitProperties()�Ҏ��能被调用�?nbsp;
     invalidateSize()           通知�l��g�Q�以使下�ơ屏�q�更新时�Q�它�?measure()�Ҏ��能被调用�?nbsp;
     invalidateDisplayList()   通知�l��g�Q�以使下�ơ屏�q�更新时它的 layoutChrome()�Ҏ��和updateDisplayList()�Ҏ��能被调用�?
    当组件调用一�?#8220;失效”�Ҏ��Q�它��通知 Flex�Q�该�l��g已经被更新。当多个�l��g调用失效�Ҏ��Q�Flex 会协调这些更斎ͼ�以�ɘq�些更新操作下一�ơ屏�q�更新时一��h��行�?
    通常�Q?strong>�l��g使用者不必直接调用这�?#8220;失效”�Ҏ��。这�?#8221;失效”�Ҏ��被组件的 setter �Ҏ��或者组件的其他�Ҏ��在需要的时候调�?

关于�l��g实例化的生命周期
    �l��g实例化生命周期描�q�C��用组件类创徏�l��g对象时所发生的一�p�d��步骤.作�ؓ生命周期的一部分,Flex 自动调用�l��g的方�?发出事�g,�q��ɾl��g可见�?nbsp;
    下面例子�?ActionScript 创徏一�?Button 控�g�Q��ƈ��其加入到容器之中：
    //创徏一�?Box 容器�?nbsp;
    var boxContainer:Box = new Box();
    //讄�� Box 容器
    …
    //创徏 Button 控�g�?nbsp;
    var b:Button = new Button()
    //讄�� button 控�g�?nbsp;
    b.label = "Submit";
    ...
    // ��?Button ��d��?Box 容器中�?nbsp;
    boxContainer.addChild(b); 下面的步骤显�C�Z��用代码创��Z��?Button 控�g�Q��ƈ��这个控件添加到 Box 容器中时所发生的一切：
    1. 调用了组件的构造函敎ͼ�如下面代码所�C?
    // Create a Button control.
    var b:Button = new Button()
    2. 通过讄��l��g的属性对�l��g�q�行了设�|?如下面代码所�C?
    // Configure the button control.
    b.label = "Submit";
    �l��g�?setter �Ҏ��会调用 invalidateProperties(), invalidateSize(), 或者invalidateDisplayList() �Ҏ��.
    3. 调用 addChild()�Ҏ��该�l��g��d��到父�l��g�?如下代码所�C?
    // Add the Button control to the Box container.
    boxContainer.addChild(b);
    Flex 执行以下动作:
    4.   ��?component �?parent 属性设�|��ؓ对父容器的引�?
    5. 计算�l��g的样�?style) 讄��.
    6. 在组件上分发preinitialize 事�g.
    7. 调用�l��g的createChildren() �Ҏ��.
    8. 调用invalidateProperties(), invalidateSize()�?invalidateDisplayList()�Ҏ��以触发后�l�到来的,下一�?#8220;渲染事�g”(render?event)期间�?commitProperties(), measure(),�?updateDisplayList()�Ҏ��的调用�?nbsp;
    �q�个规则唯一一个例外就是当用户讄��l��g�?height �?width 属性时, Flex 不会调用measure() �Ҏ��.
    9. 在组件上分发initialize 事�g。此�Ӟ��l��g所有的子组仉��被初始化�Q�但是组件没有改更size 和处理布局。可以利用这个事件在�l��g布局之前执行一些附加的处理�?nbsp;
    10. 在父容器上分�?childAdd 事�g.
    11. 在父容器上分发initialize 事�g. 12. 在下一�?#8220;渲染事�g”(render?event)�? Flex 执行以下动作:
    a. 调用�l��g�?commitProperties()�Ҏ��.
    b. 调用�l��g�?measure()�Ҏ��.
    c. 调用�l��g�?layoutChrome()�Ҏ��.
    d. 调用�l��g�?updateDisplayList()�Ҏ��.
    e. 在组件上分发 updateComplete 事�g.
    13. 如果commitProperties(), measure()或�?updateDisplayList()�Ҏ��调用�?invalidateProperties(), invalidateSize(),�?invalidateDisplayList()�Ҏ��,�?Flexh 会分发另外一�?render 事�g.
    14. 在最后的render 事�g发生�? Flex 执行以下动作:
    a. 通过讄��l��g�?visible 属性�ɾl��g变�ؓ可视.
    b. 在组件上分发 creationComplete 事�g.�l��g的大��?size)和布局被确�?�q�个事�g只在�l��g创徏时分发一��?
    c. 在组件上分发 updateComplete 事�g.无论什么时�?只要�l��g的布局(layout),位置,大小或其它可视的属性发生变化就会分发这事�g,然后�l��g被更斎ͼ�以�ɾl��g能够被正��地昄��.
    当��?addChild()�Ҏ��组件添加到容器中时,大部分工作都是�ؓ了设�|�这个组�?�q�是因�ؓ直到把组件添加到容器中时,Flex 才能��定它的大小(size),讄��它所�l�承样式(style)属�?或者在屏幕上画出它. 也可以用 MXML�Q�在应用中完成上面的�l��g��d��动作,如下面的例子所�C?



    �?MXML 中创建组件时�Q�Flex 执行的步骤顺序同�?ActionScript 的步骤顺序相�? 使用 removeChild() �Ҏ��可将�l��g从容器中�U�d��Q?如果对这个组件再没有其他的引�?那就相当于��?Adobe Flash Player �?Adobe AIR 的垃圑֛�收机制将�l��g从内存中删除. 关于创徏�l��g的步�?nbsp;
    ��Z��实现一个组�?��p��重蝲�l��g的方�?定义新的属�?分发新的事�g,或者执行其他�Q何应用所需的自定义的逻辑.要想实现自己的组�? 请遵循以下这些常规步�?
    1. 如果有必要，为组件创建所有的皮肤�Q�skins�Q?�Q?nbsp;
    2. 创徏 ActionScript �c�L��Ӟ��
    a. 从一个基�c�L��展，比如 UIComponent 或者其他的�l��g�c�．
    b. 指定使用者能够通过 MXML 标记�q�行讄��的属性．
    c. 嵌入�Q�Embed�Q�所有的囄��和皮肤文�Ӟ��
    d. 实现构造器�Q?nbsp;
    e. 实现 UIComponent.createChildren()�Ҏ��.
    f. 实现 UIComponent.commitProperties() �Ҏ��.
    g. 实现 UIComponent.measure() �Ҏ��.
    h. 实现 UIComponent.layoutChrome() �Ҏ��.
    i. 实现 UIComponent.updateDisplayList() �Ҏ��.
    j. 增加属�?properties),�Ҏ��(methods),样式(styles),事�g �Q�events�Q�以及元数据�Q?nbsp;
    3. �?ActionScript 文�g或�?SWC 文�g的�Ş式部�|�组�Ӟ��
     定义新组件时不一定要重蝲所有的�Ҏ��Q�只需要重载实现组件功能所需的方法．如果创徏现存�l��g的子�c�，比如 Button 控�g或�?VBox 容器�Q�那么必��d��现组件中所��d��的新功能所需
的方法．
    例如�Q�实��C��个自定义�?Button 控�g�Q�该控�g使用新的机制来定义缺省大��（size�Q?�Q�在�q�种情况下，只需要重�?measure()�Ҏ��Q�对于这个例子，参见实现 easure() �Ҏ��Q?
或者，要实�?VBox 容器的一个新子类�Q�新子类利用 VBox �c�d��有的所有有兌��定大��（sizing�Q�的逻辑�Q�但是变更了 VBox �cȝ��布局逻辑以实��C��底部到顶部的方式来布局容器中的
子控�Ӟ��而不是自��向下的布局�Q�在�q�种情况下，只需要重载updateDisplayList()�Ҏ��Q�关于这个例子，见实�?updateDisplayList()�Ҏ��Q?br />
关于接口

    Flex 用接口将�l��g的基本功能分为离散的单元�Q?�q��得它们可以被 “一块一�?#8221; 地实玎ͼ� 例如�Q��ɾl��g可聚焦（有输入焦点） �Q�它必须实现 IFocusable 接口�Q�要使它能够参与布局�q�程�Q�它必须实现 ILayoutClient 接口�Q?��Z��化接口的使用�Q?UIComponent �c�d��C��下表中定义的所有接口，但是不包括IFocusManagerComponent 接口�?IToolTipManagerClient 接口�Q�但 UIComponent 很多子类实现�?IFocusManagerComponent �?IToolTipManagerClient 接口�Q?nbsp;
    因此�Q�创�?UIComponent 或其子类的子�c�，��׃��必实现这些接口．但是�Q�如果要创徏的组件不�?UIComponent 的子�c�，�q�且�q�想�?Flex 中��用这个组�Ӟ��那么��必��d��C��个或者多个接口�?nbsp;
    注意�Q�对�?Flex, Adobe ��所有的�l��g都应�?UIComponent 及其子类�l�承.
    下表列出�?Flex components 所实现的主要接�?
    接口                                                           用�?nbsp;
    IChildList                                                    表明容器中子控�g的数�?
    IDeferredInstantiationUIComponent              表明�l��g或组件能实施延迟实例�?
    IFlexDisplayObject                                       指定皮肤元素的接�?
    IFocusManagerComponent                           表明�l��g或者对象是可聚焦的,�q�意味着�l��g可以�?FocusManager 获取焦点.
    UIComponent                                             �l��g没有实现 Ifocusable 接口,因�ؓ有些�l��g不打��接受焦�?
    IInvalidating                                               表明�l��g或者对象能够��?#8221;失效机制”��L��行�g�q�的,而不是立即的属性提�? commitment), 度量(measurement), 以及��d��(drawing) 或布局( layout).
    ILayoutManagerClient                                  表明�l��g或者对象能够参�?LayoutManager 的提�?commit) ,度量(measure)和更新次�?update sequence)
    IPropertyChangeNotifier                               表明�l��g支持特定形式的事件传�?
    IRepeaterClient                                           表明�l��g或者对象能够被用于 Repeater �c?
    IStyleClient                                                 表明�l��g能够从其他的对象�l�承样式,�q�且支持setStyle() �?getStyle() �Ҏ��.
    IToolTipManagerClient                                  表明�l��g有一�?toolTip 属�?�q�且因此可以被ToolTipManager 所监控.
    IUIComponent                                            定义�l��g能够成�ؓ布局��理器或列表的子�l��g所必须实现的基�?APIs.
    IValidatorListener                                       表明�l��g能够监听校验(validation)事�g,�q�且因此能够昄��校验状�?比如一个红色边框和昄��校验错误的提�C�Z��?tooltips)

Eric_jiang 2011-07-09 17:37 发表评论

创徏 Flex �l��g

Eric_jiang — Sun, 03 Jul 2011 02:14:00 GMT
     摘要: Flex 中的�c�M��pȝ��?Flex 包含大量的类�Q�因而无法在本文中全部描�q�。不�q�，仔细查看一些类对了�?Flex 对象模型是非常有用的。图 1 昄��了核心的�c�M��pȝ��构：�?1. Flex 的核心类体系�l�构最��层的类�?DisplayObject�Q�Flex ��它��d��?Flash Player �?Stage 对象或通用昄��列表。InteractiveObject 处理用户交互�Q�包...  阅读全文

Eric_jiang 2011-07-03 10:14 发表评论

Eric_jiang — Sat, 02 Jul 2011 14:55:00 GMT

动态按�?/span>

动态按钮的的概念就是在鼠标悬停、鼠标点凅R��鼠标离开控�g�Ӟ��l��g呈现不同的外观，�q�三�U�不同的外观可以通过背景位图囄��Q�背�?SWF 文�g实现�?/p>
位图实现

位图实现是将二进制图像文件作为控件背景，�q�里使用 Flex �?Button 控�g作�ؓ例子�Q�通过定义 Button �?upSkin、overSkin 以及 downSkin 样式分别讄��鼠标��d�� Button 时、鼠标悬�?Button 上方时以及鼠标点�?Button 时的皮肤�Q�皮肤制作则使用 Embed 标签加蝲囄��Q��之成�?Class 对象�Q�通过 Button �?setStyle �Ҏ��?Class 对象作�ؓ皮肤讄��q�去�Q�清�?1 展示了其中设�|?upSkin 的方�?.downSkin �?overSkin 的设�|�方法相同�?/p>
清单 1. Button 控�g讄�� upSkin

var btn:Button= … ; [Embed(source="images/up.jpg", scaleGridTop="26", scaleGridBottom="64", scaleGridLeft="30", scaleGridRight="106")] private var upSkin:Class; btn.setStyle("upSkin",upSkin);

清单 1 中，Embed 标签内的 scaleGridTop、scaleGridBottom、scaleGridLeft、scaleGridRight 属性涉及到一�U?Web 技术，名�ؓ九宫格的�~�放技术，��Z��解释该技术，请先看图 1.

�?1. 九宫格原理图

注：原图�?/strong>�Q? * 5 �Ҏ��图，每个�Ҏ�� 4 个像素，上图是被攑֤�后的效果

�?1 在四条红�U�的位置把图片块成了 9 块，四个角，四条边和中间一块，在羃攄��时候，四个角始�l�不变，两条横向边只�~�放宽度�Q�高度不变，两条�U�向的边只羃��N��度，宽度不变�Q�中间一块宽和高同时�~�放�Q�这��是九宫格羃攄��原理。这�U�技术一般是在��用图片做控�g的皮肤时使用�Q�很多控件的皮肤样式�Q�在四个角的��Z��|�是圆的或不规则的，所以��用这�U�羃放技术可以保证控件与囄��的大��不一致的时候，囄��看�v来�ƈ不变形�?/p>
了解了九宫格技术再�?scaleGridTop、scaleGridBottom、scaleGridLeft、scaleGridRight 四个属性，它们分别代表�?1 中四条红色切割线的位�|�，scaleGridTop 代表横向�剙��的切割线距离囑փ��剙��的像素距��；scaleGridBottom 代表横向底部的切割线距离囑փ��剙��的像素距��；scaleGridLeft 代表�U�向左部的切割线距离囑փ�左部的像素距��；scaleGridRight 代表�U�向右部的切割线距离囑փ�左部的像素距��R�?/p>
通过上述技术和�Ҏ��的��用，具体实例效果展示如图 2. 从左臛_��分别�?upSkin、downSkin、overSkin 的效果�?/p>
�?2. 位图实现效果展示�?/strong>

SWF 文�g实现

SWF 文�g实现��是�?SWF 文�g中具体的某一帧（MoiveClip�Q�作为控件皮肤，修改位图实现部分�?Embed 标签�Q�构建的新的�C�Z��Q�如清单 2.

清单 2. 使用 SWF 具体某��作�ؓ皮肤

Button{ up-skin:Embed(source="images/bg.swf",symbol="btnUP"); over-skin:Embed(source="images/bg.swf",symbol="btnOVER"); down-skin:Embed(source="images/bg.swf",symbol="btnDOWN"); }

上面代码 Embed 中的 source 指向了一�?SWF 文�g�Q�没有与九宫格相关的布局属性，出现了新的属性：symbol�Q�它�?SWF 文�g中某一帧的标识�W�，意思是使用指定的��作�ؓ皮肤。清�?2 的效果如�?3. 从左臛_��分别�?upSkin、downSkin、overSkin 的效果�?/p>
�?3. SWF 实现效果展示�?/strong>

�q�种�Ҏ��?SWF 文�g需要用�?Flash 开发工��P��具体的开发方法读者可以查阅相关的 Flash 资料�?/p>

冒��信息提示�?/span>

冒��信息提示框是自定义的 ToolTip�Q�传�l�的 Flex ToolTip 效果如图 4 所�C��?/p>
�?4. 传统 ToolTip

可以看到效果�q�是比较��陋的�Q��ؓ了增强用户体验，文章实现了新�?ToolTip 让其拥有冒��效果�Q�效果展�C�如�?5.

�?5. 冒�� ToolTip

冒�� ToolTip 的思想是新建名�?BubbleToolTip 的类�Q��承于 Canvas�Q�实�?IToolTip 接口�Q�IToolTip 是自定义 ToolTip 必须实现的接口。重�?BubbleToolTip �?updateDisplayList �Ҏ��Q�目的是重新�l�画 BubbleToolTip 的皮肤，皮肤的绘制依�?BubbleToolTip 内部�?Graphics 对象�Q�通过 this.graphics 语句可以获得�?Graphics 对象的引用，调用 Graphics 对象�?drawRoundRect �Ҏ��l�制冒��的圆形，提示的具体内容则使用子对�?Canvas 存放。清�?3 �?BubbleToolTip �?updateDisplayList �Ҏ��代码�?/p>
清单 3. BubbleToolTip �?updateDisplayList �Ҏ��

override protected function updateDisplayList( unscaledWidth:Number, unscaledHeight:Number ) : void { super.updateDisplayList( unscaledWidth, unscaledHeight ); this.graphics.clear(); this.graphics.beginFill( getStyle('backgroundColor'), 1 ); this.graphics.lineStyle(2, getStyle('borderColor'), 1); this.graphics.drawRoundRect(0, 35, 6, 6, 24, 24); this.graphics.endFill(); this.graphics.beginFill( getStyle('backgroundColor'), 1 ); this.graphics.lineStyle(2, getStyle('borderColor'), 1); this.graphics.drawRoundRect(10, 25, 15, 15, 24, 24); this.graphics.endFill(); }

清单 3 的作用是�l�画�?5 中黑色的两个圆圈�Q�显�C?Hello 信息的则是��?Canvas �l��g�Q�该 Canvas 是在�?MXML 文�g中定义，代码如清�?4 所�C��?/p>
清单 4. 使用 BubbleToolTip �?MXML 文�g

清单 4 中定义了存放信息�?Canvas ,id �?ppp�Q�首先设�|?ppp �?visible �?false�Q�不可见�Q�在昄�� ToolTip 的时候将 ppp 加到 BubbleToolTip 中，�q�且讄�� ppp 为可见。设�|?event.tooltip 为指定的 BubbleToolTip 对象。在 createCutomTip �Ҏ��中设�|�新�?ToolTip�Q�在 positionTip �Ҏ��中定�?tooltip 的显�C�Z��|��?/p>
��Z��形象的表现出重写 updateDisplayList �Ҏ��前后�?BubbleToolTip 的对比，�?5昄��的是重写后弹出的信息提示框，�?6 是不重写 updateDisplayList 的信息提�C�框�Q�从两张囄��可以看出重写后发生的变化�?/p>
�?6. 不重�?updateDisplayList �Ҏ��?BubbleToolTip

可以看到子对象的 Canvas 前后不变�Q�因为�ƈ没有重写它的 updateDisplayList�Q�而重�?BubbleToolTip �?updateDisplayList �Ҏ��后边框变成了两个冒��。注�?BubbleToolTip 对象实际上也是一�?Canvas�?/p>

�|�格背景

�|�格背景在一�?Flex ��程�~�辑器中可以看到�Q�画布的�|�格背景不仅可以增强用户体验�Q�对于流�E�编辑中的流�E�节点的寚w��也有很大的帮助�?/p>
�|�格背景的容器��用画�?Canvas 对象�Q��?CSS 重新定义容器的皮肤。定义新皮肤�?CSS 代码如清�?5.

清单 5. CSS 定义新皮�?Canvas

{ borderSkin: ClassReference("skins.GridSkin"); }

skins.GridSkin 是一�?Flex �c�，�l�承�?ProgrammaticSkin�Q�ProgrammaticSkin �c�M��表编�E�式的皮肤定义，重写它的 updateDisplayList �Ҏ��可以讄��新的皮肤�Q�这和直接重�?Canvas �?updateDisplayList �Ҏ��效果上是一致的�Q�本文重在讲解新的定义方法，因此使用 CSS 定义。清�?6 昄��|�格定义的代码�?/p>
清单 6. ProgrammaticSkin �?updateDisplayList 实现代码

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { var g:Graphics = this.graphics; g.clear(); g.beginFill(0x000000, 0); g.drawRect(0, 0, unscaledWidth, unscaledHeight); g.endFill(); g.lineStyle(1, 0x000000, 0.1); var squareSize:Number = 15; var numRows:Number = unscaledHeight / squareSize; var numCols:Number = unscaledWidth / squareSize; for(var row:Number = 0; row< numRows; row++) { g.moveTo(0, row * squareSize); g.lineTo(unscaledWidth, row * squareSize); } for(var col:Number = 0; col< numCols; col++) { g.moveTo(col * squareSize, 0); g.lineTo(col * squareSize, unscaledHeight); } }

清单 6 中的 unscaledWidth �?unscaledHeight 代表�?Canvas ��d��实际的宽和高�Q�画布内�?Graphics 对象默认的绘��d��Ҏ��d��左上角（0,0�Q�点。代�?drawRect(0, 0, unscaledWidth, unscaledHeight) 用于�l�画整个��d��的边框，lineStyle(1, 0x000000, 0.1) 讄��要�ȝ��U�的样式�Q�黑艌Ӏ�透明�?0.1、粗�l?1�Q�squareSize 定义�|�格的大��（�|�格为正方�Ş�Q�。通过 unscaledHeight / squareSize �?unscaledWidth / squareSize 获得��d��允许的行数和列数�Q�moveTo �U�d��l�画原点�Q�lineTo 表示从原点到目标点画�Uѝ��For 循环代表每画一行（列）�Q�原点向下（叻I��U�d�� squareSize 的距��，再从原点�q��ȝ��U�到��d��双��~�（底边�~�）。那么网格效果就出来�?. 效果如图 7 所�C?.

�?7. �|�格背景效果

囑փ�圆角

囑փ�圆角�?Web2.0 重要的标志，如果你用�q?CSS �q�行圆角的开发，那么不管在开发过�E�中或者处理浏览器兼容问题时一定会大喊痛苦。然而在 Flex 中，囑փ�圆角变的非常��单，使用 Mask 技术就可以��L��得实现。这�U�技术的直观感觉是将某一控�g A 覆盖在另一控�g B 之上�Q��?B 昄��的部分则是被 A 遮盖的部分。如�?A ��h��透明度，那么 B 也会有透明度。例子代码如清单 7. 所�C��?/p>
清单 7. 囑փ�圆角�l��g

清单 7 中图像圆角组件实际上是一�?Canvas�Q�该�l��g内显�C�的是一�?Image�Q�A�Q�，�?Image 指定 mask �?maskCanvas�Q�也��是一�?id �?maskCanvas �?Canvas�Q�B�Q�，代码的意思是使用 B 遮盖 A�Q�那�?B 的样式决定了 A 昄��的样式，B 的样式中重要的是 backgroundColor �?cornerRadius�Q�backgroundColor 讄��成红�Ԍ��q�不透明�Q�cornerRadius 讄�� B 的圆角（注意�Q�Image 没有�q�个属性）�Q�那么��用深色的 B 遮盖 A�Q�A ��显�C�� B 遮盖的部分，也就是显�C�Z��囑փ�的圆角，效果如图 8�?/p>
�?8. 囑փ�圆角效果

该效果��用的原图像如�?9 所�C�。这是一张方形的囑փ��?br />�?9. 原图�?/strong>

从清�?7 �?Design 视图可以看出 A �?B 的遮盖结果，效果如图 10�?/p>
�?10. Design 视图

原图像主要内容被�U�色背景�?Canvas 遮盖�Q�四个角没被遮盖因此�q�行时则不被昄��。运行后效果��׃��如图 8 所�C�Z��?/p>

Eric_jiang 2011-07-02 22:55 发表评论

Using BlazeDS with Spring

Eric_jiang — Sat, 02 Jul 2011 09:59:00 GMT

Flex is rapidly becoming the preferred technology for building groundbreaking internet applications delivered in the browser and on the desktop (using the AIR runtime). For several years, Spring has been one of the most popular frameworks for building the Java back-end of internet applications. In this article, we describe how to use BlazeDS Remoting to seamlessly integrate the two technologies and build state-of-the-art internet applications made of a Flex front-end and a Spring back-end.

Getting started

Whether you are a Flex developer with limited knowledge of Spring, or a Spring developer with limited knowledge of Flex, you can benefit from the powerful integration of these products. This section describes how BlazeDS enables a tight integration between Flex and Spring, and provides background information on the technologies at play.

What is Spring?

Spring is one of the most popular Java frameworks. The foundation of the Spring framework is a lightweight component container that implements the Inversion of Control (IoC) pattern.

Using an IoC container, components don't instantiate or even look up their dependencies (the objects they work with). The container is responsible for injecting those dependencies when it creates the components (hence the term "Dependency Injection" also used to describe this pattern).

The result is looser coupling between components. The Spring IoC container has proven to be a solid foundation for building robust enterprise applications. The components managed by the Spring IoC container are called Spring beans.

The Spring framework includes several other modules in addition to its core IoC container. These modules are not covered in this document even though we will be using the Spring JDBC abstraction framework in the second sample application below. More information on the Spring framework can be found at http://www.springframework.org.

What is Flex?

Flex is an environment for building Rich Internet Applications. The Flex programming model is made of:

ActionScript, an ECMAScript compliant, object-oriented programming model. With some syntactical differences, ActionScript looks and feels similar to Java, and supports the same object-oriented constructs: packages, classes, inheritance, interfaces, strong (but also dynamic) typing etc.
MXML: an XML-based language that provides an abstraction on top of ActionScript, and allows parts of an application (typically the View) to be built declaratively.
An extensive set of class libraries. The documentation is available here in a Javadoc-like format.

The Flex source code (.mxml and .as files) is compiled into Flash bytecode (.swf) that is executed at the client-side by the Flash virtual machine using a Just-In-Time compiler.

The Flex SDK is an open source project. It includes the Flex component library, the compiler, the debugger, and the documentation. A complete discussion of Flex is beyond the scope of this document. You can find more information and download the Flex SDK at http://opensource.adobe.com.

What is BlazeDS?

BlazeDS is a set of data services that give your Flex applications additional options for data connectivity. Without BlazeDS (or, without deploying any Flex-specific component at the server-side), Flex applications can access back-end data using either the HTTPService or the WebService:

You use the HTTPService component to send HTTP requests to a server, and consume the response. Although the HTTPService is often used to consume XML, it can be used to consume other types of responses. The Flex HTTPService is similar to the XMLHttpRequest component available in Ajax.
You use the WebService component to invoke SOAP-based web services.

BlazeDS adds the following services:

The Remoting Service allows your Flex application to directly invoke methods of Java objects deployed in your application server.
The Message Service provides a publish/subscribe infrastructure that enables your Flex application to publish messages and subscribe to a messaging destination, enabling the development of real-time data push and collaborative applications.
The Proxy Service allows your Flex application to make cross-domain service requests in a secure and controlled manner. In other words, it allows your Flex application to access a service available on a different domain than the domain from where the application was downloaded (without having to deploy a crossdomain.xml policy file on the target domain).

BlazeDS is deployed as a set of JAR files as part of your web application. Like the Flex SDK, BlazeDS is an open-source project. More information is available at http://opensource.adobe.com.

In this document, we focus on the Remoting service. The Remoting Service provides a tight and natural integration with Spring. There is no need to transform data, or to expose services in a certain way: the Flex application can directly access the beans registered in the Spring IoC container.

How does Flex use BlazeDS to access Spring beans?

So, if Flex clients can remotely access Java objects, and if Spring beans are Java objects, aren't we all set and ready to start accessing Spring beans from Flex clients? Almost… There is one simple element to configure.

The whole idea behind Spring IoC is to let the container instantiate components (and inject their dependencies). By default, however, components accessed remotely by a Flex client are instantiated by BlazeDS on the server. The key to the Flex/Spring integration, therefore, is to configure BlazeDS to let the Spring container take care of instantiating Spring beans. BlazeDS supports the concept of a factory to enable this type of custom component instantiation. The role of a factory is simply to provide ready-to-use instances of components to BlazeDS (instead of letting BlazeDS instantiate these components).

The supporting files available with this article include a factory class (SpringFactory) that provides BlazeDS with fully initialized (dependency-injected) instances of Spring beans. Note: The SpringFactory was developed by Jeff Vroom (Flex Data Services architect) and is also available on Adobe Exchange.

The remainder of this article describes how to configure your web application to use BlazeDS and Spring, how to configure the Spring Factory, and how to put the pieces together and start invoking Spring beans from Flex applications.

Setting up your environment

Configuring your web application is simple and merely requires installing and registering the necessary components.

Step 1: Install the BlazeDS turnkey server

The BlazeDS turnkey server is a ready-to-use version of Apache Tomcat in which the Blaze data services have already been deployed along with sample applications. The goal of the turnkey server is to give developers an easy way to run samples and tutorials out of the box.

To install the BlazeDS turnkey server:

Make sure that you have the JDK 1.5 or higher installed, and that you have a JAVA_HOME environment variable pointing to your Java Development Kit installation.
Download blazeds-turnkey-.zip.
Unzip blazeds-turnkey-.zip in /blazeds.
Note.You can unzip blazeds-turnkey-.zip anywhere else. Just make sure you adjust the path in the instructions provided in this document accordingly.
Start the samples database.
Open a command prompt.
Navigate to /blazeds/sampledb.
Execute startdb.bat (Windows) or startdb.sh (Unix-based systems)
Start Tomcat.
Open a command prompt.
Navigate to /blazeds/tomcat/bin.
Execute the following command:

catalina run

Access http://localhost:8400/samples to make sure the installation is successful: you should see the BlazeDS samples home page.

As an alternative to using the turnkey server, you could use one of the following options:

Download blazeds-.war and deploy it in your own application server. Blazeds-.war is a blank web application configured to use the BlazeDS data services.
Note: samples-.war includes everything included in blazeds.war, plus a series of samples.
Download blazeds-.war and merge its content in your own web application.

The instructions in this document assume that you use the BlazeDS turnkey server. If you are using one of the alternative options, you will have to adjust the instructions accordingly.

Step 2: Install the Flex SDK

You need the Flex compiler to compile the client-side (Flex-side) of the sample applications discussed in this document. The Flex compiler is part of the Flex SDK. As a convenience, the Flex SDK is available as part of the BlazeDS installation in blazeds/resources/flex_sdk/flex_sdk_3.zip.

Note: The Flex SDK can also be downloaded at http://opensource.adobe.com. It is also available as part of Flex Builder.

To install the Flex SDK:

You can skip this step if Flex Builder 3 is installed on your system.

Unzip /blazeds/resources/flex_sdk/flex_sdk_3.zip in /flex_sdk_3.

Note: You can unzip flex_sdk_3.zip anywhere else. Just make sure you adjust the path in the instructions provided in this document accordingly.

Step 3: Install Spring

Note: A complete discussion of the Spring installation process is beyond the scope of this article. Refer to http://www.springframework.org for more information. The steps below describe a basic configuration that is sufficient for the purpose of this article.

Download the Spring framework at http://www.springframework.org/download (the version without dependencies is sufficient to complete the examples in this article).
Note: The examples below have been developed and tested using Spring 2.x. However the integration approach described in this document (and the SpringFactory class) should work fine using Spring 1.2.8 (some of the examples might not work because they use Spring 2.x features).
Unzip the downloaded file.
Locate spring.jar in the dist directory and copy the file to /blazeds/tomcat/webapps/blazeds/WEB-INF/lib
Open /blazeds/tomcat/webapps/blazeds/WEB-INF/web.xml and add the context-param and listener definitions as follows:

contextConfigLocation /WEB-INF/applicationContext.xml org.springframework.web.context.ContextLoaderListener

Step 4: Install the supporting files

Download flex-spring.zip here
Unzip flex-spring.zip in /flex-spring

Flex-spring.zip includes the Spring factory as well as the supporting files for the examples below.

Step 5: Register the Spring factory

Copy SpringFactory.class and SpringFactory$SpringFactoryInstance.class from /flex-spring/factory/bin/flex/samples/factories to /blazeds/tomcat/webapps/blazeds/WEB-INF/classes/flex/samples/factories.
Register the Spring factory in /blazeds/tomcat/webapps/blazeds/WEB-INF/flex/services-config.xml:

Example 1: Mortgage calculator

This first application is intentionally simplistic to provide an uncluttered example of wiring Spring beans together and invoking them from a Flex application.

Step 1: Examine the application source code

Examine the Flex source code:
Open MortgageCalc.mxml located in /flex-spring/samples/mortgage/flex in a code editor to familiarize yourself with the application. The application enables the user to enter a mortgage amount. When the user clicks the "Calculate" button, the application obtains the value of the monthly payment for that mortgage by invoking the calculate() method of the remote object identified by a logical name: "mortgageService". "mortgageService" is mapped to a fully qualified Java class name in the remoting-config.xml file (see Step 3 below).
Examine the Java source code:
Open RateFinder.java, SimpleRateFinder.java and Mortgage.java located in /flex-spring/samples/mortgage/java in a code editor. Notice that Mortgage has a dependency to a RateFinder object. Mortgage doesn't instantiate a RateFinder object itself, doesn't lookup up for a RateFinder object, and doesn't even know the exact type of the object it will be dealing with (RateFinder is an inteface). An instance of a class implementing the RateFinder interface will be injected by the container (using the setRateFinder method) when it instantiates the component (see step 2 below).

Step 2: Register Spring beans

If it doesn't already exist, create a file named applicationContext.xml in /blazeds/tomcat/webapps/blazeds/WEB-INF.
Register the rateFinderBean and mortgageBean beans in applicationContext.xml as follows:

Notice that in the mortgageBean definition, we tell the container how to inject the rateFinder dependency: the rateFinder property is mapped to rateFinderBean, which defines an instance of the SimpleRateFinder class.

Step 3: Configure the Flex Remoting destination

Open remoting-config.xml in /blazeds/tomcat/webapps/blazeds/WEB-INF/flex.
Add a mortgageService destination as follows:

spring mortgageBean

Notice that we use the Spring factory defined above (see "Register the Spring Factory"), and we provide the name of the Spring bean as defined in applicationContext.xml as the source.

Step 4: Build the project

The Flex SDK includes ANT tasks that make it easy to compile Flex applications and create HTML pages to host them as part of a build process. The support files include build scripts to compile and deploy each sample application.

Note: You need the Apache Ant build tool to build and deploy your applications as described in this document. If Apache Ant is not installed on your system, visit http://ant.apache.org and follow the download and installation instructions.

To build the Mortgage Calculator project:

Edit /flex-spring/samples/mortgage/build.xml:
Make sure the FLEX_HOME property points to the location of the Flex SDK on your system.
Make sure the CONTEXT_ROOT property matches the context root of your web application.
Open a command prompt.
Navigate to /flex-spring/samples/mortgage.
Execute the following command to compile and deploy the client and server of the application:
ant
The build process deploys the client side of the application (the compiled flex application) in /blazeds/tomcat/webapps/blazeds/mortgage and the server side (the compiled Java classes) in /blazeds/tomcat/webapps/blazeds/WEB-INF/classes/flex/samples/spring/mortgage.

Step 5: Run the client application

Restart Tomcat.
Open a browser, access http://localhost:8400/blazeds/mortgage/index.html, and test the application: Enter a loan amount and click "Calculate" to get the monthly payment for a 30-year mortgage.

Example 2: Store/inventory management using Flex Remoting

This second example is more sophisticated and includes database connectivity. To keep the application simple and avoid dependencies on other products or frameworks, the Spring JDBC abstraction framework is used to access the database. You could use the Spring support for ORM data access (using Hibernate, JDO, Oracle TopLink, iBATIS, or JPA) as an alternative: the specific Spring data access strategy you choose has no impact on the Flex/Spring integration. This sample application has two modules: a database maintenance module (storeadmin) and a customer-facing product catalog with filtering capabilities (store).

Step 1: Examine the application source code

Examine the Flex source code:
Open store.mxml located in /flex-spring/samples/store/flex in a code editor to familiarize yourself with the store application. Notice the RemoteObject declaration pointing to the "productService" destination. "productService" is mapped to a Spring bean in Step 3 below. When the application starts, it invokes the findAll() method on the remote bean to retrieve the list of products (see the createComplete event on the Application tag).

Open storeadmin.mxml and ProductForm.mxml located in /flex-spring/samples/store/flex in a code editor to familiarize yourself with the storeadmin application. Notice that the storeadmin application uses the same remote Spring bean (productService) as the store application to retrieve the list of products using the findAll() method, and update changes using the updateProduct() method.
Examine the Java source code:
Open ProductDAO.java, SimpleProductDAO.java and Product.java located in /flex-spring/samples/store/java in a code editor. Notice that SimpleProductDAO extends org.springframework.jdbc.core.support.JdbcDaoSupport. JdbcDaoSupport has a dependency to a javax.sql.DataSource object (javax.sql.DataSource is an interface).

Step 2: Register Spring beans

Register the dataSource and productDAOBean beans in applicationContext.xml as follows:

Copy hsqldb.jar from blazeds/tomcat/webapps/samples/WEB-INF/lib to /blazeds/tomcat/webapps/blazeds/WEB-INF/lib.

Step 3: Configure the Flex Remoting destination

Open remoting-config.xml in /blazeds/tomcat/webapps/blazeds/WEB-INF/flex.
Add the productService destination as follows:

spring productDAOBean

Step 4: Build the project

Edit /flex-spring/samples/store/build.xml:
Make sure the FLEX_HOME property points to the location of the Flex SDK on your system.
Make sure the CONTEXT_ROOT property matches the context root of your web application.
Open a command prompt.
Navigate to /flex-spring/samples/store.
Execute the following command to compile and deploy the client-side and the server side of the application: ant
The build process deploys the client-side of the store and storeadmin applications in /blazeds/tomcat/webapps/blazeds/store and /blazeds/tomcat/webapps/blazeds/storeadmin respectively, and the server-side (the compiled Java classes) in /blazeds/tomcat/webapps/blazeds/WEB-INF/classes/flex/samples/spring/store.

Step 5: Run the client application

Restart Tomcat
Open a browser, access http://localhost:8400/blazeds/storeadmin/index.html, and test the storeadmin application.
Open a browser, access http://localhost:8400/blazeds/store/index.html, and test the store application.

Eric_jiang 2011-07-02 17:59 发表评论

BlazeDS with Remote Objects example

Eric_jiang — Sat, 02 Jul 2011 08:59:00 GMT

In my previous tutorial on BlazeDS, I went over an example over how to setup remote objects with data push. There are however, a lot of instances where someone just wanted to receive data and they aren’t concerned with it being updated., so it turns more into a ‘client requesting data whenever it wants it’ scenario. This article will not be nearly as indepth as the last blazeDS article, but if you have not setup your environment for BlazeDS before, it will probably be in your best interest to check it out.

Lets begin by making sure that we have our server and BlazeDs war file. Both of them can be found here:

Tomcat 6
BlazeDS

Once again, we are going to extract the contents into our BlazeDS server project. This time, we are only going to edit remoting-config.xml. Make sure that the following lines are in there.

> ref="my-amf"/> > id="BlazeDsService"> > >com.codeofdoom.BlazeDsService> > >

We tell the remoting-config to use the channel “my-amf”, which is already defined with the services-config.xml file. Next we are telling it to use the the destination “BlazeDsService”. This is what our remote object will be looking at. The properties also contains a source. This source is going to be a java class with the methods it needs in order to process the calls from the front end. You must make sure you include the fully qualified name, so we will call it com.codeofdoom.BlazeDsService. So what does this file look like?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

package com.codeofdoom; import java.util.ArrayList; import java.util.List; import java.util.Random; import flex.messaging.io.ArrayCollection; public class BlazeDsService { private static final String[] MASTER_LIST = {"C", "FNM", "FRE", "F", "GOOG", "AIG", "CSCO", "MSFT", "AAPL", "YHOO", "BSX", "PORT","F", "TNT", "ESP", "RET", "VBN", "EES"}; public BlazeDsService(){} public List<StockQuote> getQuotes(){ List<StockQuote> list = new ArrayList<StockQuote>(); Random r = new Random(); for (String s:MASTER_LIST){ StockQuote sq = new StockQuote(); sq.setName(s); sq.setPrice(r.nextInt(50)); list.add(sq); } return list; } }

Yep. Thats it. It not implementing anything crazy, not extending any service adapters, anything like that. It’s just a java class with some functions on it. Next we are going to create the object that we will be sending back and forth. In this example, we are going to be simulating retrieving some stock data, so I called the class StockQuote.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

package com.codeofdoom; public class StockQuote { private String name; private int price; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getPrice() { return price; } public void setPrice(int price) { this.price = price; } }

On the front end, we are going to need the matching object, and here that is.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

package com.codeofdoom.dto { [Bindable] [RemoteClass(alias="com.codeofdoom.StockQuote")] public class StockQuote{ private var _name:String private var _price:int; public function get name():String{ return _name; } public function get price():int{ return _price; } public function get name(name:String):void{ _name = name; } public function get price(price:int):void{ _price = price; } } }

I mentioned this in the last article, but I am going to mention this again, just to stress the importance. When we are using Remote Object, we must make sure that

All the properties are the same.
We have getters and setters for all properties on back the java side and the AS side.
We must have our AS object set as Bindable and the RemoteClass set to the path of our remote object.
We must make sure that the constructors match. I have seen where flex will swallow the error message if they don’t match, making debugging a pain.

Now lets take a look at the mxml.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

"1.0" encoding="utf-8"?> xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> import mx.rpc.events.ResultEvent; import mx.collections.ArrayCollection; import mx.messaging.messages.IMessage; import mx.messaging.events.MessageAckEvent; import mx.messaging.messages.AsyncMessage; import mx.messaging.events.MessageEvent; public function retrieveStocks():void{ ro.getQuotes(); } private function result(e:ResultEvent):void{ stockChart.dataProvider = e.result as ArrayCollection; } ]]> id="ro" result="result(event)" destination="BlazeDsService"/> width="100%"> width="100%" id="stockChart"> > categoryField="name"/> > > xField="name" yField="price"/> > > label="Retrieve Stocks" click="retrieveStocks()"/> > >

Once again, not much to it. There are three areas of importance.

Our remote object is that is subscribed to our destination that we declared within our remoting-config.xml.
The retrieveQuotes function is what calls our backend. Note that it just calls ‘getQuotes’ directly from the remote object.
The result function that is set on the RemoteObject is what comes back from the back end. Now a lot of examples will do something to the grid such as dataprovider = {ro.getQuotes.lastResult}. We could do the same here, but i wanted to give you a chance to inspect the object to see what exactly is coming back.

Once you click the Retrieve Stocks button, it then calls the getQuotes() function on the remote object. That then builds our List of objects and passes them to the front end. When it comes back, we then just apply it to the dataprovider of our chart.

I really wanted to take the time out to show you some other ways of handling your data within BlazeDS. It is an extremely powerful tool that every Flex developer should have under their belt. Its a lot less cumbersome than standard calls to the back end and the amount of data that is sent back and forth is a lot smaller than sending plane XML over the wire. Good luck!

Here is the source

Eric_jiang 2011-07-02 16:59 发表评论

BlazeDS Usage -Message

Eric_jiang — Wed, 29 Jun 2011 07:40:00 GMT

Messages

All communication between Flex client components and BlazeDS is performed with messages. Flex components use several message types to communicate with their corresponding services in BlazeDS. All messages have client-side (ActionScript) implementations and server-side (Java) implementations because the messages are serialized and deserialized on both the client and the server. You can also create messages directly in Java and have those messages delivered to clients using the server push API.

Some message types, such as AcknowledgeMessage and CommandMessage, are used across different Flex components and BlazeDS services. Other message types are used by specific Flex components and BlazeDSservices. Forexample, to have a Producer component send a message to subscribed Consumer components, you create a message of type AsyncMessage and pass it to the send() method of the Producer component.

In other situations, you do not write code for constructing and sending messages. For example, you simply use a RemoteObject component to call the remote method from the Flex application. The RemoteObject component creates a RemotingMessage to encapsulate the RemoteObject call. In response it receives an AcknowledgeMessage from the server. The AcknowledgeMessage is encapsulated in a ResultEvent in the Flex application.

Sometimes you must create a message to send to the server. For example, you could send a message by creating an AsyncMessage and passing it to a Producer.

Services and destinations
Services and destinations are the next links in the message processing chain in the BlazeDS server. The system includes four services and their corresponding destinationsBlazeDS:
     RemotingService and RemotingDestination
     HTPProxyService and HTTPProxyDestination
     MessageService and MessageDestination
Services are the targets of messages from client-side Flex components. Think of destinations as instances of a service configured in a certain way. For example, a RemoteObject component is used on the Flex client to communicate with
the RemotingService. In the RemoteObject component, you must specify a destination id property that refers to a remoting destination with certain properties, such as the class you want to invoke methods on. The mapping
between client-side Flex components and BlazeDS services is as follows:
     HTTPService and WebService communicate with HTTPProxyService/HTTPProxyDestination
     RemoteObject communicates with RemotingService/RemotingDestination
     Producer and Consumer communicate with MessageService/MessageDestination
You can configure services and their destinations in the services-config.xml file, but it is best practice to put them in separate files as follows:
     RemotingService configured in the remoting-config.xml file
     HTTPProxyService configured in the proxy-config.xml file
     MessageService configured in the messaging-config.xml file

The following table describes the typical setup of the configuration files. Commented versions of these files are available in the resources/config directory of the BlazeDS installation.

Filename Description

services-config.xml The top-level BlazeDS configuration file. This file usually contains security constraint definitions,channel definitions, and logging settings that each of the services can use. It can contain service definitions inline or include them by reference. Generally, the services are defined in the remoting-config.xml, proxy-config.xml, and messaging-config.xml.

remoting-config.xml The Remoting Service configuration file, which defines Remoting Service destinations for working with remote objects.

proxy-config.xml The Proxy Service configuration file, which defines Proxy Service destinations for working with web services and HTTP services (REST services).

messaging-config.xml The Messaging Service configuration file, which defines Messaging Service destinations for performing publish subscribe messaging.

The file-path value is relative to the location of the services-config.xml file. The following example shows service definitions included by reference:

Eric_jiang 2011-06-29 15:40 发表评论

BlazeDS Uage---Building your client-side application

Eric_jiang — Wed, 29 Jun 2011 04:24:00 GMT
Note: When you compile an application using mxmlc, by default the compiler references the flex-config.xml configuration file, which specifies to include the libs/player directory in the library path for Flash Player. When you compile an application for AIR, use the load-config option to the mxmlc compiler to specify the air-config.xml file, which specifies to include the libs/air directory in the library path.

Specifying the services-config.xml file in a compilation
When you compile your Flex application, you typically specify the services-config.xml configuration file to the compiler. This file defines the channel URLs that the client-side Flex application uses to communicate with the BlazeDS server. Then the channel URLs are compiled into the resultant SWF file.
Both client-side and server-side code use the services-config.xml configuration file. If you change anything in services-config.xml, you usually have to recompile your client-side applications and restart your server-side application for the changes to take effect.
In Flex Builder, the appropriate services-config.xml file is included automatically based on the BlazeDS web application that you specified in the configuration of your Flex Builder project. When you use the mxmlc compiler, use the services option to specify the location of the file.
Note: You can also create channel definitions at run time in ActionScript. In that case, you might be able to omit the reference to the services-config.xml configuration file from the compiler.

Eric_jiang 2011-06-29 12:24 发表评论

BlazeDS Uage---Messaging Service example

Eric_jiang — Wed, 29 Jun 2011 03:58:00 GMT
The Messaging Service lets client applications send and receive messages from other clients. In this example, create a Flex application that sends and receives messages from the same BlazeDS destination.
Define the messaging destination in WEB-INF/flex/messaging-config.xml, as the following example shows:
<destination id="MessagingDestination" channels="my-amf-poll"/>

Define the my-amf-poll channel in WEB-INF/flex/services-config.xml, as the following example shows:
<channel-definition id="my-amf-poll" class="mx.messaging.channels.AMFChannel">
<endpoint url="http://{server.name}:{server.port}/{context.root}/messagebroker/amfpoll" class="flex.messaging.endpoints.AMFEndpoint"/>
    <properties>
     <polling-enabled>truepolling-enabled>
     <polling-interval-seconds>1polling-interval-seconds>
    properties>
channel-definition>

This channel definition creates a polling channel with a polling interval of 1 second. Therefore, the client sends a poll message to the server every second to request new messages. Use a polling channel because it is the easiest way for the client to receive updates. Other options include polling with piggybacking, long-polling, and streaming.The following Flex client application uses the Producer component to send a message to the destination, and the Consumer component to receive messages sent to the destination. To send the message, the Producer first creates an instance of the AsyncMessage class and then sets its body property to the message. Then, it calls the Producer.send() method to send it. To receive messages, the Consumer first calls the Consumer.subscribe() method to subscribe to messages sent to a specific destination.

xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
width="100%" height="100%"
creationComplete="consumer.subscribe();">
<mx:Script>

import mx.messaging.events.MessageFaultEvent;
import mx.messaging.events.MessageEvent;
import mx.messaging.messages.AsyncMessage;
import mx.messaging.Producer;
import mx.messaging.Consumer;
// Send the message in response to a Button click.
private function sendMessage():void {
var msg:AsyncMessage = new AsyncMessage();
msg.body = "Foo";
producer.send(msg);
}
// Handle the received message.
private function messageHandler(event:MessageEvent):void {
ta.text += "Consumer received message: "+ event.message.body + "\n";
}
// Handle a message fault.
private function faultHandler(event:MessageFaultEvent):void {
ta.text += "Received fault: " + event.faultString + "\n";
}
]]>
mx:Script>
<mx:Producer id="producer" destination="MessagingDestination" fault="faultHandler(event);"/>
<mx:Consumer id="consumer" destination="MessagingDestination" fault="faultHandler(event);" message="messageHandler(event);"/>
<mx:Button label="Send" click="sendMessage();"/>
<mx:TextArea id="ta" width="100%" height="100%"/>
mx:Application>
Compile the client application into a SWF file by using Flex Builder or the mxmlc compiler, and then deploy it to
your web application.

Eric_jiang 2011-06-29 11:58 发表评论

BlazeDS Uage---RPC service example

Eric_jiang — Wed, 29 Jun 2011 03:09:00 GMT

Configure an existing J2EE web application to support BlazeDS by performing the following steps:
1 Add the BlazeDS JAR files and dependent JAR files to the WEB-INF/lib directory.
2 Edit the BlazeDS configuration files in the WEB-INF/flex directory.
3 Define MessageBrokerServlet and a session listener in WEB-INF/web.xml.

RPC service example
The Remoting Service is one of the RPC services included with BlazeDS. The Remoting Service lets clients access methods of Plain Old Java Objects (POJOs) on the server.In this example, you deploy a Java class, EchoService.java, on the server that echoes back a String passed to it from the client. The following code shows the definition of EchoService.java:

1 package remoting;
2 public class EchoService
3 {
4     public String echo(String text) {
5         return "Server says: I received '" + text + "' from you";
6     }
7 }
8

The echo() method takes a String argument and returns it with additional text. After compiling EchoService.java,place EchoService.class in the WEB-INF/classes/remoting directory. Notice that the Java class does not have to import or reference any BlazeDS resources.
Define a destination, and reference one or more channels that transport the data. Configure EchoService.class as a remoting destination by editing the WEB-INF/flex/remoting-config.xml file and adding the following code:

<destination id="echoServiceDestination" channels="my-amf">
<properties>
  <source>remoting.EchoServicesource>
properties>
destination>

The source element references the Java class, and the channels attribute references a channel called my-amf.Define the my-amf channel in WEB-INF/flex/services-config.xml, as the following example shows:

<channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">
    <endpoint url="http://{server.name}:{server.port}/{context.root}/messagebroker/amf" class="flex.messaging.endpoints.AMFEndpoint"/>
    <properties>
        <polling-enabled>falsepolling-enabled>
    properties>
channel-definition>

The channel definition specifies that the Flex client uses a non-polling AMFChannel to communicate with the AMFEndpoint on the server.
Note: If you deploy this application on the samples web application installed with BlazeDS, services-config.xml already contains a definition for the my-amf channel.The Flex client application uses the RemoteObject component to access EchoService. The RemoteObject component uses the destination property to specify the destination. The user clicks the Button control to invoke the remote
echo() method:

xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
<mx:Script>

import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
// Send the message in response to a Button click.
private function echo():void {
    var text:String = ti.text;
    remoteObject.echo(text);
}
// Handle the recevied message.
private function resultHandler(event:ResultEvent):void {
     ta.text += "Server responded: "+ event.result + "\n";
}
// Handle a message fault.
private function faultHandler(event:FaultEvent):void {
     ta.text += "Received fault: " + event.fault + "\n";
}
]]>
mx:Script>
<mx:RemoteObject id="remoteObject" destination="echoServiceDestination" result="resultHandler(event);" fault="faultHandler(event);"/>
<mx:Label text="Enter a text for the server to echo"/>
<mx:TextInput id="ti" text="Hello World!"/>
<mx:Button label="Send" click="echo();"/>
<mx:TextArea id="ta" width="100%" height="100%"/>
mx:Application>

Compile the client application into a SWF file by using Flex Builder or the mxmlc compiler, and then deploy it to
your web application.

Eric_jiang 2011-06-29 11:09 发表评论

Flash、Flex资源攉��之十全大�?

Eric_jiang — Wed, 29 Jun 2011 01:27:00 GMT

APIs、Libs、Components

1、as3ebaylib

http://code.google.com/p/as3ebaylib/

2、as3youtubelib

http://code.google.com/p/as3youtubelib/

3、as3flickrlib

http://code.google.com/p/as3flickrlib/

4、Yahoo ASTRA Flash Components

http://developer.yahoo.com/flash/astra-flash/

5、facebook-as3

http://code.google.com/p/facebook-as3/

6、as3awss3lib

http://code.google.com/p/as3awss3lib/

7、Adobe ActionScript 3:resources:apis:libraries �Q�官方，包括corelib、FlexUnit、Flickr、Mappr、RSS and Atom libraries、Odeo、YouTube�Q?/p>
http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

8、Tweener    用于�q�渡与切换的一�l�动��d��

http://code.google.com/p/tweener/

9、uicomponents-as3     一�l�轻量��的AS3 UI�l��g�?/p>
http://code.google.com/p/uicomponents-as3/

10、as3ds     AS3的数据结构实�?/p>
http://code.google.com/p/as3ds/

11、mecheye-as3-libraries     一�l�主要用于Flash 游戏开发的AS3�?/p>
http://code.google.com/p/mecheye-as3-libraries/

12、XIFF    一套XMPP协议的AS3实现

http://svn.igniterealtime.org/svn/repos/xiff/branches/xiff_as3_flexlib_beta1/

13、FZip    一套AS3库，可用作对ZIP压羃文�g的蝲入、修改与创徏

http://codeazur.com.br/lab/fzip/

14、FlexLib    一套开源的Flex界面�l��g�?/p>
http://code.google.com/p/flexlib/

15、AnimatedGIfLoader Flex Component      可蝲入GIF的Flex�l��g

http://dougmccune.com/blog/animatedgifloader-flex-component/

16、goplayground     一套轻量��的，可用创徏属于你自��q��AS3 动画工具的库

http://code.google.com/p/goplayground/

17、AlivePDF    开源的用于PDF创徏的AS3�?/p>
http://www.alivepdf.org/

18、jwopitz-lib    一�l�开源的Flex用户界面�l��g

http://code.google.com/p/jwopitz-lib/

19、as3crypto    AS3实现的一套加密库�Q�包括多�U�加密算�?/p>
http://code.google.com/p/as3crypto/

20、flare     一套强大的可视化交互的AS3�c�d��

http://flare.prefuse.org/

21、SWFAddress     一��而强大的库，可以为Flash和Ajax提供深链接的功能

http://www.asual.com/swfaddress/

22、SWFObject     用于嵌入Flash�Q�Adobe官方也认可了

http://code.google.com/p/swfobject/

23、ulse Particle System 一套开源的强大的AS3动态粒子系�l?/p>
http://code.google.com/p/pulse-particle/

http://www.rogue-development.com/pulseParticles.html

24、SpringGraph Flex Component

http://mark-shepherd.com/blog/springgraph-flex-component/

25、GoASAP     AS3动画�?/p>
http://code.google.com/p/goasap/

http://www.goasap.org/index.html

26、asaplibrary    一套开源的Flash Actionscript3.0 RIA�?/p>
http://code.google.com/p/asaplibrary/

http://asaplibrary.org/

http://asapframework.org

27、as3mathlib 开源Flex/Actionscript数学�?/p>
http://code.google.com/p/as3mathlib/

28、as3corelib 包含一些基��功能AS3�?/p>
http://code.google.com/p/as3corelib/

29、minimalcomps 一�l�AS3 UI�l��g

http://www.bit-101.com/minimalcomps/

30、as3gif

http://code.google.com/p/as3gif/

31、queueloader-as3      一�l�AS3库，用来�q�行资源序列载入及监��?/p>
http://code.google.com/p/queueloader-as3/

32、TweenMax (AS3)

http://blog.greensock.com/tweenmaxas3/

33、Atellis Reflection Component              一�ƾFlex反射效果�l��g

http://labs.atellis.com/2007/07/11/atellis-reflection-component/

34、AS3Eval     ��单来��_��是用AS3实现的AS3�~�译�?/p>
http://eval.hurlant.com/

35、ByteArray 的组件、库合集�Q�包括liquid components、mousegesture、ASZip、GIF Player、GIF Animation Encoder、AlivePDF、Live JPEG Encoder、ScaleBitmap�{?/p>
http://www.bytearray.org/?page_id=82

36、AS3C     针对AVM2虚拟机，用C#写的字节码编译器

http://code.google.com/p/as3c/

37、as3httpclientlib    as3实现的http客户�?/p>
http://code.google.com/p/as3httpclientlib/

38、as3ui   一�l�常规的as3 ui界面�?/p>
http://code.google.com/p/as3ui/

39、as3xls 让你在flex中可以读写Excel文�g

http://code.google.com/p/as3xls/

40、as3flexdb 让你的flex�E�序可以�q�接到MySQL服务器，主要是��用AMFPHP来访问PHP服务�?/p>
http://code.google.com/p/as3flexdb/

�q�一是一��详�l��用介�l�的教程

http://itutorials.ro/viewtopic.php?f=9&t=7

41、vivisectingmedia-as3 一�l�AS3/Flex实用库，是作者在实践中�ȝ��出来�?/p>
http://code.google.com/p/vivisectingmedia-as3/

42、assql   通过ActionScript 3.0 直接�q�接MySQL 数据�?/p>
http://code.google.com/p/assql/

43、FlexserverLib   Flex & BlazeDS服务端扩�?/p>
http://code.google.com/p/flexserverlib/

http://www.infoaccelerator.net/blog/post.cfm/announcing-flexserverlib-the-blazeds-extension-project

44、dphibernate Flex/BlazeDS Hibernate Adapter �Q�支持�g�q�加�?/p>
http://code.google.com/p/dphibernate/

45、as3syntaxhighlight   as3及mxml代码高亮�?/p>
http://code.google.com/p/as3syntaxhighlight/

46、Tweensy   一�ƾ新的缓动及�q�动效果�?/p>
http://code.google.com/p/tweensy/

47、JSwoof the fastest JSON parser for Flex

http://www.waynemike.co.uk/jswoof

48、casa lib   it provides a core set of classes,interfaces,and utilities

http://casalib.org/

49、FlipCard    3D Flip Card for Flex

http://code.google.com/p/flipcard/

50、Efflex 一�l�特效库

http://code.google.com/p/efflex/

http://www.efflex.org/

51、ObjectHandles   一�l�能用UI�l��g�Q�允�怽�对组件进行熾放与�U�d��

http://www.rogue-development.com/objectHandles.html

http://code.google.com/p/flex-object-handles/wiki/ObjectHandlesUsage

52、as3commons 一�l�as3通用�?/p>
http://code.google.com/p/as3-commons/

http://www.as3commons.org/

53、urlkit 为Flex应用�E�序提供URL deep linking深度链接的库

http://code.google.com/p/urlkit/

54、standingwave 音频合成的Flash/Flex�?/p>
http://code.google.com/p/standingwave/

Actionscript 3.0 Class

1、fZip    此类可允�怽�载入标准的zip文�g�q�提取里面包含的文�g

http://wahlers.com.br/claus/blog/zip-it-up/

2、AS3: Layout class for Flash CS3     一�l�用作布局的类

http://www.senocular.com/?id=2.8

3、CSSLoader     该类允许Flex应用�E�序在运行时载入CSS

http://www.rubenswieringa.com/blog/cssloader

4、AS3: QueryString      一个单例类�Q�用来获取URL地址后所带参数值对

http://evolve.reintroducing.com/2008/07/03/as3/as3-querystring/#more-141

5、ActionScript 3 Contextual Menu Manager Class         AS3兌��菜单��理�c?/p>
http://www.blog.noponies.com/archives/103

6、Spark project 一�p�d��丰富的AS3库，��日本开�?/p>
http://www.libspark.org/wiki/WikiStart/en

2D & 3D Engine

1、APE (Actionscript Physics Engine) 物理引擎

http://www.cove.org/ape/

2、Away3D

http://code.google.com/p/away3d/

3、Papervision3D

http://code.google.com/p/papervision3d/

4、Sandy     开�?D�?/p>
http://www.flashsandy.org/versions/3.0

5、FORM   一套AS3完成的用�?D刚性物体的物理引擎

http://code.google.com/p/foam-as3/

6、Five3D    ��Z��矢量的Flash 3D 交互动画创徏

http://five3d.mathieu-badimon.com/

7、Flade (Flash Dynamics Engine)   一套开源的2D物理引擎�Q�AS2实现

http://www.cove.org/flade/

8、Box2DFlashAS3      2D物理引擎�Q�AS3实现�Q�基于强大的Box2D C++物理�?/p>
http://box2dflash.sourceforge.net/

http://sourceforge.net/projects/box2dflash/

9、Paradox    ��Z��Flash的第一�U?D引擎

http://animasinteractive.com/propaganda/

10、ND3D AS3 3D Engine 一�Ƅ��单的AS3开�?D引擎�Q�编译后的引擎大��仅�U?0K

http://code.google.com/p/nd3d/

http://www.nulldesign.de/nd3d-as3-3d-engine/

11、Pulse Particles   能用的AS3�_�子创徏�pȝ��

http://www.rogue-development.com/pulseParticles.html

http://code.google.com/p/pulse-particle/

12、jiglibflash Flash 3D物理引擎

http://code.google.com/p/jiglibflash/

http://www.jiglibflash.com/blog/

13、motor2 同样是基于Box2D�Q�ActionScript3.0实现的一��?D引擎

http://code.google.com/p/motor2/

http://lab.polygonal.de/motor_physics/

14、WOW-Engine as3实现的物理引擎，源于Sandy

http://seraf.mediabox.fr/wow-engine/as3-3d-physics-engine-wow-engine/

FrameWorks

1、Cairngorm    Adobe官方出的Flex框架

http://labs.adobe.com/wiki/index.php/Cairngorm

     flexcairngorm:Extensions for the Adobe Cairngorm MVC

http://code.google.com/p/flexcairngorm/

2、PureMVC    �U�AS3框架�Q�也有其它语�a�的实�?/p>
http://www.puremvc.org/

3、ASWing AS3   一套开源的AS3 GUI框架

http://www.aswing.org/

4、EasyMVC   �׃��仉��动的MVC框架

http://projects.simb.net/easyMVC/

5、Mate ��Z��Tag及事仉��动的Flex框架

http://mate.asfusion.com/

6、ARP     ��Z��模式�Q�Pattern�Q�的RIA框架�Q�Flash�q�_��Q�支持AS2和AS3

http://osflash.org/projects/arp

7、Gaia   开源的Flash前端框架�Q�支持AS2和AS3�Q�用于快速开�?/p>
http://www.gaiaflashframework.com/

8、flest   Actionscript3.0/Flex应用�E�序框架�Q�用来开发企业��的RIA

http://code.google.com/p/flest/

9、Gugga      Flash Framework    更新至AS3

http://www.gugga.com/flashblog/

10、Spring ActionScript(以前名�ؓPrana�Q?另一个提供了IOC反�{控制的框�Ӟ��c�M��著名的Spring框架

http://www.pranaframework.org/

http://www.herrodius.com/blog/projects

11、OpenFlux    开源的Flex�l��g框架�Q�让开发Flex�l��g更加快速容�?/p>
http://code.google.com/p/openflux/

12、Degrafa       声明式的Flex囑�Ş框架�Q�允�总�MXML标签的方式绘制图形、创建皮肤，�q�包括对CSS的支�?/p>
http://code.google.com/p/degrafa/

13、FlexMVCs    针对AS3和Flex的应用程序框�Ӟ��Z��PureMVC�Q�作了些修正和精��

http://code.google.com/p/flexmvcs/

14、Ruboss   �l�合Flex与ROR的快速开发的框架

http://ruboss.com/

15、dpHibernate   Flex3/BlazeDS Hibernate适配器，支持延迟加蝲

http://code.google.com/p/dphibernate/

16、dpUnit 一套新的Flex��试框架

http://code.google.com/p/dpuint/

17、flight framework 一套新的MVC框架�Q�可应用于Flash及Flex当中

http://code.google.com/p/flight-framework/

http://www.flightxd.com/flightframework/

18、Moccasin 一�Ƒ֏�用于囑�Ş�~�辑应用�E�序的Flex框架

http://joeberkovitz.com/blog/2008/09/30/moccasin-intro/

19、RestfulX   一�Ƒְ�Rails的设计理念带入Flex与AIR的框�Ӟ��the RESTful way to develop Adobe Flex and AIR applications

http://restfulx.github.com/

20、smartypants-ico Dependency Injection framework for Flex 提供了IOC控制反�{性的Flex框架

http://code.google.com/p/smartypants-ioc/

http://flex.joshmcdonald.info/

21、glue    Beautiful Gooey MVC Framework for Flex

http://wiki.github.com/seanhess/glue/

22、coordy 一�ƾ轻量��的ActionScript3 布局框架

http://code.google.com/p/coordy/

http://somerandomdude.com/articles/technology/coordy/

23、Parsley 另一�ƾAS3 ioc框架�Q�强烈推�?★★★

http://www.spicefactory.org/

http://coenraets.org/blog/2009/07/building-a-flex-application-with-the-parsley-framework/

24、Flex IOC 框架

http://code.google.com/p/legato/

25、另一�ƾFlex IOC 框架

http://sourceforge.net/projects/flicc/

26、一�ƾ轻量��的纯AS3的，部分思想来源于PureMVC

http://www.robotlegs.org/

http://github.com/robotlegs/robotlegs-demos-Bundle

Flash & Flex Tools、Servers

1、FlexUnit      Flex/Actionscript3.0单元��试框架

http://code.google.com/p/as3flexunitlib/

2、Visual FlexUnit 增强的FlexUnit�Q�支�?#8220;可视化断�a�”

http://code.google.com/p/visualflexunit/

3、RED bug       debug调试控制器，让Flash、Flex、AIR应用�E�序更加�Ҏ��

http://www.realeyesmedia.com/redbug/

4、reflexutil 可在�q�行时对Flex�l��g�q�行调试

http://code.google.com/p/reflexutil/

5、FxSpy    当Flex应用�E�序�q�行时可以检��和动态的改变可视化组件属性�?a >http://code.google.com/p/fxspy/

6、ThunderBolt ��Z��Firefox的Firebug插�g的日志扩展，支持AS2及AS3

http://code.google.com/p/flash-thunderbolt/

7、FlashTracer Firefox扩展�Q�可以以侧栏的方式将Flash中trace()的结果显�C?/p>
8、RIALogger 另一�ƾFlex/AIR的Debug工具

http://renaun.com/blog/flex-components/rialogger/

9、Alcon 一�ƾ轻量��的AS2及AS3的Debug工具�Q�AIR方式��Debug信息展示出来

http://blog.hexagonstar.com/alcon/

10、GDS (Granite Data Services) 开源，提供了Adobe LiveCycle Data Services�c�M��功能的服务器

http://www.graniteds.org/

11、FlexMonkey 针对Flex的单元测试框�Ӟ��为Flex应用�E�序�Q�提供了Flex UI功能的自动测�?/p>
http://code.google.com/p/flexmonkey/

12、FlexCover 代码覆盖率检��?/p>
http://code.google.com/p/flexcover/

13、Fluint 单元��试与集成测试框�Ӟ��改进了些FlexUnit功能

http://code.google.com/p/fluint/

14、SWFScan Flash security tools

https://h30406.www3.hp.com/campaigns/2009/wwcampaign/1-5TUVE/index.php?key=swf&jumpid=go/swfscan

15、De MonsterDebugger Open source debugger for Adobe Flash,Flex and AIR

http://demonsterdebugger.com/

16、Antennae 使用Ant建立复杂Flex��目的模�?/p>
http://code.google.com/p/antennae/

Flex Explorers �Q�大部分为Flex2版本�Q�但同样适用于Flex3�Q?/p>
1、Flex3 Component Explorer    Flex各类�l��g�C�Z��

http://examples.adobe.com/flex3/componentexplorer/explorer.html

2、Resize ManagerFX Explorer �Q�此为商业作品，要收费的�Q?/p>
http://www.teotigraphix.com/explorers/ResizeManagerFX/ResizeManagerFXExplorer.html

3、Flex3 Style Explorer

http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

4、Flex2 Style Explorer �Q�添加了Kuler功能�Q�Flex UI�l��g风格定制�q�可输出为CSS

http://www.maclema.com/content/sek/

5、Flex2 Style Explorer �Q�Adobe 原始的版本）

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

6、Flex2 Filter Explorer    查看各类滤镜效果�q�可�q�行讄��

http://merhl.com/flex2_samples/filterExplorer/

http://merhl.com/?p=40                   (AIR版本)

7、Flex2 Primitive Explorer    在Flex中创建各�U�简单�Ş�?/p>
http://www.flexibleexperiments.com/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html

8、Custom Easing Function Explore V1.0.0    自定义创建缓动效果函�?/p>
http://www.madeinflex.com/img/entries/2007/05/customeasingexplorer.html

9、Tour De Flex   �l��g资源集合�Q�包括Flex核心�l��g�Q�第三方�l��g�{�，必备

http://flex.org/tour

10、Regular Expression Explorer    正则表达式浏览器

http://ryanswanson.com/regexp/

11、AS3 Performance Tester

http://businessintelligence.me/projects/performance_tester/performanceTester.html

转蝲的话��h��明出处：http://www.jexchen.com

Eric_jiang 2011-06-29 09:27 发表评论

Flex中XMLSocket与Java中Socket通信

Eric_jiang — Tue, 28 Jun 2011 13:05:00 GMT

Flex中XMLSocket与Java中Socket通信�Q�遇到的问题是，Java中的socket能够接受到XMLSocket传输的数据，但是Flex�q�不能接受到从Java服务器传输的数据�Q�从�|�上搜了好多资料�Q�终于找��C��原因�Q�原来XMLSocket 接收到服务端下发的数据时�Q�将�q�箋放于接收�~�冲区，直到接收�?"\0" 字节�Q�字节内容�ؓ ASCII �?0�Q�，才认为接收完成，�q�调用相应的 onData �?onXML 事�g�Q�因此，服务端若�?Java �~�写�Q��ƈ使用标准�?String �c�L��Q�则在发送数据结��ֺ�手动加上 "\0"�Q�同��P��当XMLSocket发送数据时�Q�也会在数据的结��自动加�?\0"�?/p>
我现在将我做的一个简单的XMLSocket通信的例子脓出来跟大家共享一下，如果有什么不��的地方�Q�还望大家批评指出，毕竟我也是flex初学者，呵呵�Q?/p>
Java应用�E�序代码�Q?br /> view plaincopy to clipboardprint?
public class XMLServerSocket {

    private ServerSocket serverSocket;

    private Socket socketin;

    private BufferedReader br;

    private PrintStream ps;

    public static void main(String[] args) {
        new XMLServerSocket();
    }

    private XMLServerSocket() {
        try {
            serverSocket = new ServerSocket(8800);
            socketin = serverSocket.accept();
            br = new BufferedReader(new InputStreamReader(socketin
                    .getInputStream()));
            ps = new PrintStream(socketin.getOutputStream());
            ps.println("Input EXIT for end\0");
            ps.flush();
            out("Input EXIT for end");
            boolean done = false;
            while (!done) {
                String str = br.readLine();
                if (str == null || (str.length() == 1 && str.charAt(0) == '\0')) {
                    done = true;
                } else {
                    char first = str.charAt(0);
                    char tail = str.charAt(str.length() - 1);
                    if (first == '\0') {
                        str = str.substring(1);
                    }
                    if (tail == '\0') {
                        str = str.substring(0, str.length() - 2);
                    }
                    out(str);
                    ps.println(str + "\0");
                    if (str.trim().equals("EXIT")) {
                        done = true;
                        br.close();
                    }
                }
            }
        } catch (Exception e) {
            System.out.println(e.getMessage());
        }
    }

    private void out(String str) {
        System.out.println(str);
    }

}
public class XMLServerSocket {

private ServerSocket serverSocket;

private Socket socketin;

private BufferedReader br;

private PrintStream ps;

public static void main(String[] args) {
  new XMLServerSocket();
}

private XMLServerSocket() {
  try {
   serverSocket = new ServerSocket(8800);
   socketin = serverSocket.accept();
   br = new BufferedReader(new InputStreamReader(socketin
     .getInputStream()));
   ps = new PrintStream(socketin.getOutputStream());
   ps.println("Input EXIT for end\0");
   ps.flush();
   out("Input EXIT for end");
   boolean done = false;
   while (!done) {
    String str = br.readLine();
    if (str == null || (str.length() == 1 && str.charAt(0) == '\0')) {
     done = true;
    } else {
     char first = str.charAt(0);
     char tail = str.charAt(str.length() - 1);
     if (first == '\0') {
      str = str.substring(1);
     }
     if (tail == '\0') {
      str = str.substring(0, str.length() - 2);
     }
     out(str);
     ps.println(str + "\0");
     if (str.trim().equals("EXIT")) {
      done = true;
      br.close();
     }
    }
   }
  } catch (Exception e) {
   System.out.println(e.getMessage());
  }
}

private void out(String str) {
  System.out.println(str);
}

}

Flex�E�序代码�Q?/p>
view plaincopy to clipboardprint?









Eric_jiang 2011-06-28 21:05 发表评论

搭徏全功能绿色版本的Flex Builder 3.0.1

Eric_jiang — Mon, 27 Jun 2011 14:09:00 GMT

准备工作�Q?/p>
JDK 6 安装�E�序
Eclipse IDE for Java EE Developers
Adobe Flex Builder 3.0.1 Professional Eclipse Plug-in
7-Zip Command Line Version

开始工作：
创徏两个目录�Q�分别用来存储Flex Builder文�g和��时文�Ӟ��如D:\Flex和D:\Temp�?
��下载得到的四个文�g攑ֈ�D:\Temp内�?
解压�~�下载到�?-Zip文�g�Q�获取到7za.exe�E�序�Q�也��其攑ֈ�D:\Temp内�?
安装JDK 6到D:\Flex\jdk1.6.0_07�Q�中途无需安装JRE�?
提示�Q�如果已�l�安装了JDK的话�Q�直接将其复制过来即可�?
�q�入命��o行模式，依次执行以下命��o�Q?
D:
cd \Temp
切换到D:\Temp目录�?
7za x eclipse-jee-ganymede-win32.zip -oD:\Flex
move D:\Flex\eclipse D:\Flex\eclipse3.4jee
解压eclipse�q�将目录名改成eclipse3.4jee�?
7za x FB3_WWEJ_Plugin.exe -oFB3
7za x FB3\InstallerData\Disk1\InstData\Resource1.zip -oFB3
从Flex Builder安装�E�序提取出我们所需要的文�g备用�?
创徏一个启动文件startup.bat�Q�内容如下：
@echo off
set JAVA_HOME=%CD%\jdk1.6.0_07
set JRE_HOME=%JAVA_HOME%\jre
set CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
set PATH=%JRE_HOME%\bin;%JAVA_HOME%\bin;%PATH%
start eclipse3.4jee\eclipse.exe
启动eclipse�Q�进行如下操作：
讄��工作区：D:\Temp�?
Help -> Software Updates...�Q�弹出如下图所�C�窗口，我们点击Update...�Q�经�q�一�p�d��的Next -> Finish�Q�开始了eclipse3.4jee版本的自更新,更新完成后，点击Yes重启eclipse�?nbsp;重启完成后，再次Help -> Software Update...�Q�这�ơ，我们使用Available Software选项卡�?nbsp;点Add Site... -> Archive...后选择“D:\Temp\FB3\$BUILDSTAGE$\com.adobe.flexbuilder.update.site_ad0c1b9596a1_zg_ia_sf.jar”或直接输�?#8220;jar:file:D:\Temp\FB\$BUILDSTAGE$\com.adobe.flexbuilder.update.site_ad0c1b9596a1_zg_ia_sf.jar!/”�Q�OK�?nbsp;
选择新加入的Flex Builder�Q��ƈ点击右上角的Install...�Q�经�q�一�p�d��的Next -> Finish�Q�开始了Flex Builder插�g的安装�?nbsp;
再次重启�Q�完成了Eclipse集成Flex Builder插�g的操作�?
我们的工作还没完�Q��l�在命��o行中执行以下命��o来提取Flex SDK�Q?
7za x FB3\$DEFAULT_SDK$_ad0c1ba696ac_zg_ia_sf.jar -oD:\Flex\eclipse3.4jee\plugins\com.adobe.flexbuilder.flex_3.0.205647\devsdks\3.1.0
7za x FB3\$NDEPOT_IDE_ROOT$\zorn.flex\devsdks\2.0.1_zg_ia_sf.jar -oD:\Flex\eclipse3.4jee\plugins\com.adobe.flexbuilder.flex_3.0.205647\devsdks\2.0.1
清理掉D:\Temp�Q�OK�Q�大功告成！
最后，我们��其压羃��h��Q�以便日后的使用�Q�命令行命��o如下�Q?
D:
cd \Flex
del eclipse3.4jee\configuration\.settings\org.eclipse.ui.ide.prefs
7za a FlexBuilder.zip或FlexBuilder.7z
把FlexBuilder.zip�Q?37MB�Q�或FlexBuilder.7z�Q?77MB�Q�保留�v来吧�Q�以后只需要简单的解压�q�执行其中的startup.bat��可以立卌��入到Flex Builder开发环境啦�Q?

Eric_jiang 2011-06-27 22:09 发表评论

Filename	Description
services-config.xml	The top-level BlazeDS configuration file. This file usually contains security constraint definitions,channel definitions, and logging settings that each of the services can use. It can contain service definitions inline or include them by reference. Generally, the services are defined in the remoting-config.xml, proxy-config.xml, and messaging-config.xml.
remoting-config.xml	The Remoting Service configuration file, which defines Remoting Service destinations for working with remote objects.
proxy-config.xml	The Proxy Service configuration file, which defines Proxy Service destinations for working with web services and HTTP services (REST services).
messaging-config.xml	The Messaging Service configuration file, which defines Messaging Service destinations for performing publish subscribe messaging.

亚洲综合网站色欲色欲,亚洲av永久无码精品网址,亚洲AV无码乱码在线观看性色扶

用ActionScript开发高�U�可视化�l��g-关于创徏高��l��g

创徏 Flex �l��g

Using BlazeDS with Spring

Getting started

What is Spring?

What is Flex?

What is BlazeDS?

How does Flex use BlazeDS to access Spring beans?

Setting up your environment

Step 1: Install the BlazeDS turnkey server

To install the BlazeDS turnkey server:

Step 2: Install the Flex SDK

To install the Flex SDK:

Step 3: Install Spring

Step 4: Install the supporting files

Step 5: Register the Spring factory

Example 1: Mortgage calculator

Step 1: Examine the application source code

Step 2: Register Spring beans

Step 3: Configure the Flex Remoting destination

Step 4: Build the project

To build the Mortgage Calculator project:

Step 5: Run the client application

Example 2: Store/inventory management using Flex Remoting

Step 1: Examine the application source code

Step 2: Register Spring beans

Step 3: Configure the Flex Remoting destination

Step 4: Build the project

Step 5: Run the client application

BlazeDS with Remote Objects example

BlazeDS Usage -Message

BlazeDS Uage---Building your client-side application

BlazeDS Uage---Messaging Service example

BlazeDS Uage---RPC service example

Flash、Flex资源攉���之十全大�?

Flex中XMLSocket与Java中Socket通信

搭徏全功能绿色版本的Flex Builder 3.0.1

Flash、Flex资源攉��之十全大�?