亚洲午夜精品一区二区麻豆,亚洲精品成人久久久,亚洲a级成人片在线观看

Flex中自定义事�g

☜♥☞MengChuChen — Wed, 28 Feb 2007 09:00:00 GMT

Flex中的事�g机制

2006-11-28 10:37

一. 事�g��?
事�g可以由外设触�? 比如:键盘,鼠标, 也可能是外部输入, 比如:web service的返�?
事�g�q�能��q��件的外观和生命周期发生变化时触发, 比如:�l��g的创建或者改变大��?
所有用户与应用交互都会产生事�g.用户没有直接与应用交互也可能产生事�g, 比如:数据装蝲完毕.
你可以在�E�序中��用事件监听器监听�q�些事�g. 事�g监听器是函数�Ҏ��用于响应指定的事�? 有时也称之�ؓ事�g处理�?
Flex的事件模型基于DOM3事�g模型.
�l��g产生�z�֏�事�g�q�消�?监听)其他事�g.如果一个对象想要了解其他对象事件的信息, 可以注册一个监听器.
当事件发生时,对象�z�֏�此事件到所有注册过的监听器�?
�l��g有Flex提供的内��Z��? 也可以��用派�?监听模型定义自己的事件监听器, �q�指定监听器监听何种事�g.
�? 事�g��简�?
当一个事件被�z�֏�出来�? 事�g对象从根节点开始自上而下开始扫描display list, 一直到目标对象, ��查每个节�Ҏ��否有相应的监听器.
目标对象指的是display list中��生事件的对象. 比如:

如何此时 resize了VBox, 则会从根(Application)开�? 下来��查Panel, HBox, 直到目标对象-产生resize事�g的VBox为止.

�? 事�g的派�?
Flex中可以通过dispatchEvent()�Ҏ��手工�z�֏�事�g, 所有UIComponent的子�c�都可以调用此方�?
语法:
objectInstance.dispatchEvent(new Event("event_type"):Boolean
参数event_type是Event对象的type属�? 函数的返回值��L��True.
可以使用此方法派发�Q意事�? 而不仅仅是用戯��定义事�g, 比如: 可以�z�֏�一个Button的Click事�g.
var result:Boolean = buttonInstance.dispatchEvent(new Event(MouseEvent.CLICK));

在Flex应用中不是必��d��新派发的事�g�q�行处理, 如果触发了一个事�? 而没有对应的Listener�?Flex忽略此事�?
如果想给Event对象��d��新属�? ��必��ȝ��承Event�c?然后定义新属�?

�?事�g的传�?
事�g触发�? Flex�?个检��事件监听器的阶�D? 3个阶�D늚�发生的顺序如�?
1. 捕获
2. 目标
3. 上��Q
在�Q意一个阶�D? 节点们都有机会操作事�? 比如: 用户点击了一个在VBox中的Button,
在捕获阶�D? Flex��查Application对象(根节�?和VBox是否有监听器处理此事�? Flex然后在目标阶�D�触发按钮的监听�?
在上��阶�D? VBox和应用以与捕获阶�D늛�反的��序再次获得��Z��处理事�g.
在Actionscript3.0�?你可以在��L��目标节点上注册事件监听器. 但是部分事�g会被直接传给目标节点,比如Socket�c?
捕获阶段的节炚w��序是从父节点到子节点�? 而上��阶�D�刚好相�?
捕获事�g�~�省是关闭的,也就是说如果要捕获事�? 必须昑ּ�指定在捕获阶�D�进行处�?
每一个Event都有target和currentTarget属�? 帮助跟踪事�g传播的过�E?

捕获阶段:
在捕获阶�D?Flex在显�C�列表中��查事件的��先是否注册了事件的监听�? Flex从根节点开始顺序而下.
大多数情况中, 根节�Ҏ��Application对象. 同时, Flex改变事�g的currentTarget�?
�~�省情况�? 在此阶段,没有容器监听事�g. use_capture参数的值是False,在此阶段��d��监听的唯一�Ҏ��是在调用add_listener�?
传入一个�ؓTrue值的use_capture参数, 比如:
myAccordion.addEventListener(MouseEvent.MOUSE_DOWN, customLogEvent, true);
如果是在Mxml中添加监�? Flex讄��此参��CؓFalse, 没有办法�q�行修改.
如果讄��了use_capture为True, 那么事�g��不会上��? 如果既想捕获又想上��Q��必��调�?addEventListener两次.
一�ơuse_capture参数为true, 一�ơ�ؓfalse;
捕获很少使用, 上��Q的��用更为普�?

目标阶段:
在目标阶�D? Flex�Ȁ发事件的监听�E�序, 不检查其他的节点.

上��Q阶段:
事�g只在bubbles属性�ؓTrue时才�q�行上��Q. 可以上��Q的事件包�? change, click, doubleClick, keyDown, keyUp, mouseDown, mouseUp.
在上��阶�D? Flex改变事�g的currentTarget属�? 而target属性是初始�z�֏�事�g的对�?

查询事�g阶段:
使用事�g的eventPhase可以获得事�g当前的阶�D?
1: CAPTURE_PHASE
2: AT_TARGET
3: BUBBLING_PHASE
�C�Z��: private function determineState(event:MouseEvent):Void { Debug.trace(event.eventPhase + ":" + event.currentTarget.id); }

停止传播:
使用下面两个函数停止事�g的传�?
stopPropagation()
stopImmediatePropagation()

件是一个非常有用的功能�Q�通常用于信息传递交互大大提高程序编写的灉|��性。在高��语言中都会集成这斚w��Ҏ��；Flex也不例外几乎所有控件中都集成了大量的事�Ӟ��如果Button的Click事�g�{�。但实际应用中控件自有的事�g是不能满真实需要的�Q�特别在自己�~�写自定义控件时�Q�自定义控�g内部信息的改变如何及旉��知所在的容器变得很更要；�q�个时候自定义事�g��p�v到它的作用�?br />
在Flex中定义事件有两中情况�Q�分别是ActionScript和MXML中定义�?br />
在ActionScript中定义：

CODE:

[Copy to clipboard]

[Event(name="myEnableEvent", type="flash.events.Event")]

public class MyComponent extends UIComponent

{

...

}

在MXML中定义：

CODE:

[Copy to clipboard]

[Event(name="DataChange", type="DataChangeEvent")]

DataChangeEvent事�g参数的定义：

CODE:

[Copy to clipboard]

import flash.events.Event;

public class DataChangeEvent extends flash.events.Event

{

   public function DataChangeEvent()

   {

            super("DataChange");

   }

   public var Data:Object;

}

在自定义控�g中定义和触发事�g:

CODE:

[Copy to clipboard]

      [Event(name="DataChange", type="DataChangeEvent")]




                  function Change():void

                  {

                        this.dispatchEvent(new DataChangeEvent());

                  }

            ]]>

容器接收相关自定义控件事�Ӟ��

CODE:

[Copy to clipboard]

                  import mx.controls.Alert;

                  function onChange(e:DataChangeEvent)

                  {



                  }

            ]]>

其实自定义事件的现实也很��?但�v着非常重要的作用；正是因�ؓ有了事�g的机�Ӟ��使得大部分重复的功能抽取到自定义控�g中，从而达��C��个很高的代码重用性�?img src ="http://m.tkk7.com/19851985lili/aggbug/101171.html" width = "1" height = "1" />

☜♥☞MengChuChen 2007-02-28 17:00 发表评论

架构一个Flex应用�E�序

☜♥☞MengChuChen — Wed, 28 Feb 2007 08:55:00 GMT

架构一�?b style="COLOR: black; BACKGROUND-COLOR: #ffff66">Flex应用�E�序

使用Flex的web开发者可能最初会对用��L��面模型感到困惑。虽然传�l�的、类似servlet的、请�?响应�Q�request-response�Q�模型将会在Flex中应用，但是却存在一�U�更好的�Ҏ��。由于ActionScript语言中的“[Binding]”标�{�，你可以把你的视图�l�定到模型数据，�q�样一来模型的更改��׃��自动影响到视图�?a target="_blank" tip="">Cairngorm 微型架构使这�U�方法得到�Ş式化�Q�而且它也是那些想要领会如何“让它们在一起工作”的开发者的一个非常好的�v炏V��在�q�篇文章中我��描�q�变量绑定，�Ҏ��驱动开发和Carigorm�?a target="_blank" tip="">NoteTag中是如何一起工作的

�q�里是一个典型的Flex应用�E�序可能的架构：

域（Domain�Q?br />·�l�成域模型的所有类。在NoteTag中，它包含了Notes�Q�记录）�Q�Tasks�Q�事务）以及Subscriptions�Q�订阅）�Q�Subscriptions是相关Notes或Tasks的一个群集（collection�Q�）�?br />
模型�Q�Model�Q?br />·一个保存域模型的可�l�定实例的一个单体（singleton�Q�。在NoteTag中，ModeLocator单体保存了用��L��订阅清单�Q�用��L��q�接�Q�当前的订阅�Q�当前的记录以及其他�?br />
视图�Q�View�Q?br />·UI�l��g�Q�通常来说��是MXML文�g�Q�虽然�ƈ不��L��Q�。依赖状态（state-dependent�Q�的UI�l��g被绑定到ModeLocator的实例变量。如果ModeLocator中数据被标记为“[Bindable]”，那么它的��M��改变都会��D��UI自动更新。NoteTag中的一个例子就是NoteListView�Q�它昄��了当前订阅中的记录列表。如果当前的订阅或者它的�Q何一个记录改变了�Q�那么NoteListView��会自动更新来反应这些改变�?br />
控制器（Controller�Q?br />·同事仉��动的Commands一��h��行特性所需的下部构造。NoteTag中的例子包括GetSubscriptionCommand, GetNoteCommand 以及其他�?br />
业务�Q�Business�Q?br />·完成域中对象操作的业务逻辑�c�，�l�常呼叫�q�程服务�q�且异步�q�回�l�果。对大部分NoteTag的业务逻辑来说SubscriptionManager�c�L��entry point�?br />
服务�Q�Service�Q?br />·服务层，保存了用来呼叫远�E�服务（HTTPService,RemoteService和WebService�Q�的所有类。NoteTag 使用了一个服务工厂（factory�Q�类集合�Q�减��M��对特�D�的HTTP服务的部�|Ԍ��q�些HTTP服务来自�q�行HTTP 服务呼叫的组件�?br />
多数应用�E�序�Ҏ��都有上面的一些或者全部结构。下面是一个典型特性的工作��程�Q?br />1.视图�Q�view�Q�广播一个事件�?br />2.单体控制器（controller�Q�收到这个事�Ӟ��把它映射到相应的Command�Q��ƈ且执行这个Command�?br />3.Command委托适当的业务（Business�Q�对象执行业务逻辑�?br />4.业务�Q�Business�Q�对象执行业务逻辑�Q�可能对不同的Service�q�行一个或者多个异步呼叫，�q�且通过分派�Q�dispatch�Q�一个新的事件给Command来返回结果�?br />5.Command��结果赋�l�单体模型�?br />6.�l�定到单体模型中的数据的所有视��N��自动更新�?br />
它是如何在一个特定的�Ҏ��中工作的呢�Q�当用户从Notes列表�Q�看下面�Q�在屏幕的顶端）中选中了一个Note�Ӟ��q�个Note��׃��从适当的存储（Blogger或TypePad�Q�中加蝲�q�显�C�在�~�辑器中�Q�看下面�Q�在屏幕的底端）�Q?br />

1.�q�播事�g

当用户在�W�一个Note上点��L��Q�NoteListView分派一个事�Ӟ��如下�Q?br />

�E�序代码

// NoteListView.mxml
private function getSelectedEntry(event:ListEvent) : void
{
  var selectedEntry:TagBasedEntry =
    TagBasedEntry(currentFeed.entries[event.rowIndex-1]);
  Application.application.dispatchEvent(
    new GetNoteEvent(selectedEntry.metadata,true));
}

2. 对事件相�?/strong>

因�ؓNoteTag的Front Controller已经把它自��n注册来监听所有的Command Event�Q�当GetNoteEvent 被分�z��时候它��会被通知�?br />
�E�序代码
// NoteTagController.as
public class NoteTagController extends FrontController
{
  public function NoteTagController()
  {
    addCommand(LoginEvent.EVENT_LOGIN, LoginCommand);
    addCommand(GetNoteEvent.EVENT_GET_NOTE, GetNoteCommand);
    addCommand(GetTaskEvent.EVENT_GET_TASK, GetTaskCommand);
    addCommand(PostNoteEvent.EVENT_POST_NOTE, PostNoteCommand);
    // more commands...
  }
}

Cairngorm�?Front Controller通过执行适当的command提供了监听事件和响应事�g的基��构造�?br />
3. 执行 Command

��Z��获得�q�个Note�Q�NoteTag需要呼叫存储了用户note的blog服务器。实��C��Cairngorm的Command接口的GetNoteCommand��像�q�样�Q?br />
�E�序代码
// GetNoteCommand.as
internal class GetNoteCommand extends ChainedCommand
{
  public override function execute(event:CairngormEvent):void
  {
    var initialEvent:GetNoteEvent = GetNoteEvent(event);

    var subscriptionManager:SubscriptionManager =
      ModelLocator.getInstance().subscriptionManager;

    setNextEventHandler(subscriptionManager,
      handleLoadNote,
      LoadNoteEvent.EVENT_LOAD_NOTE,
      onSubscriptionFault,
      SubscriptionFaultEvent.EVENT_SUBSCRIPTION_FAULT);
    subscriptionManager.loadNote(initialEvent.metadata);
  }

  private function handleLoadNote(event:LoadNoteEvent):void
  {
    // handle result here...
  }

  // ...
}

�Q�你可能已经发现了GetNoteCommand �l�承�?ChainedCommand——这个类使用setNextEventHandler �Ҏ��共同�q�行一�p�d��异步呼叫。在以后的文章里�Q�我��更深入地讨论ChainedCommand�Q��ƈ大体说一下异步回应器�Q�responder�Q�。）

4. 执行业务逻辑

SubscriptionManager通过执行对tag服务器和blog服务器一�p�d��的HTTP service呼叫来触发Note的加载。当note被加载完毕时�Q�SubscriptionManager ��分�z�一个LoadNoteEvent�Q�这个事件将会被GetNoteCommand.handleLoadNote�Q�参见下一条）触发�?br />
5. 更新模型

GetNoteCommand 通过把加载的Note赋给ModelLocator中适当的数据成员来响应事�g�?br />
�E�序代码
// GetNoteCommand.as
internal class GetNoteCommand extends ChainedCommand
{
  // ...

  private function handleLoadNote(event:LoadNoteEvent):void
  {
    ModelLocator.getInstance().currentNote = event.note;
  }

  // ...
}

6. 更新视图

��M��l�定到ModelLocator的currentNote成员的视��N��会自动更新来反映新的数据。NoteView�Q�负责在�~�辑器中昄��Note的组�Ӟ��是这��L��一个视图：
�E�序代码
// NoteView.mxml
http://www.adobe.com/2006/mxml"
    xmlns:view="com.adobe.kiwi.notetag.view.*"
    xmlns="*">

      import com.adobe.kiwi.notetag.model.*;
    [Bindable] private var model:ModelLocator = ModelLocator.getInstance();
  ]]>


      note="{model.currentNote}" />

所有的其它�Ҏ��——发布一个Note�Q�获得一个Subscription�Q�更��C��个Task——会通过同样的Event-to-Command-to-Model-to-View途径来实现。Command-specific事�g可以从多�U�内容中被分�z�，�Q�而不需要知道哪一个视图会被媄响。视囑֏�以绑定到模型的变化而�ƈ不需要知道引发的事�g是从什么地方被分派的。由于松耦合�Q�出��C��更清�z�，更容易维护的代码�?br />

☜♥☞MengChuChen 2007-02-28 16:55 发表评论

☜♥☞MengChuChen — Sat, 24 Feb 2007 01:10:00 GMT

http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="initVars()" viewSourceURL="srcview/index.html">

                    import mx.rpc.events.ResultEvent;
            import mx.controls.Alert;
            import mx.collections.ArrayCollection;

        //holds all the records in the query returned by the CFC function
        private var submissionsAllAryCol:ArrayCollection;

        //holds all the records in an Array
        //so we can use Array methods to
        //get a subset of the records for paging
        private var submissionsAllAry:Array;

        //The subset of the records for the current page
        private var submissionsSlicedAry:Array;

        //The subset of the records in the ArrayCollection
        //that is the dataprovider for the datagrid
        [Bindable]
        private var submissionsViewAryCol:ArrayCollection;

        [Bindable]
        private var start:int; //what record to start with on the current page

        private var increment:int ; //how many records to show per page

        [Bindable]
        private var end:int ; //what record (end-1) to end with on the current page

        [Bindable]
        private var total:int ; //how many total records




        // initialize the variables and get all submissions
        private function initVars():void {

            //initial start and end positions for slicing the Array
            start = 0;
            increment = 10; //how many records to display
            end = 0;

           //Call the CFC method to get the submissions
           myService.getAllSubmissions(139);

        }  //end function initVars()

         /*Handles the result returned by calling the getAllSubmissions method
            of the CFC
            */
            public function handleQueryResult(event:ResultEvent):void{

                //place the query results into an ArrayCollection
                submissionsAllAryCol = event.result as ArrayCollection;

                //convert ArrayCollection to a standard Array
                //so we can use Array slice function
                submissionsAllAry = submissionsAllAryCol.toArray();

                //how many total submissions?
                total = submissionsAllAry.length;

                //determine initial value for end (cannot exceed total)

                if ( total < increment) {

                    end = total;

                } else {

                    end = increment ;

                }//end if


                //take out of the array records start to end (includes records from start to end-1)
                submissionsSlicedAry = submissionsAllAry.slice(start, end);

                //Create an ArrayCollection using the subset of our Array
                //and assign it to the data provider for the datagrid
                submissionsViewAryCol = new ArrayCollection( submissionsSlicedAry );

                //determine if Next button should be enabled
                //as its possible that the number or records returned
                //is less than our number per page (increment)
                nextBtn.enabled = isNextBtnEnabled();


            } //end function

            /*Get the next increment of records for display in the datagrid
            */
            private function getNext():void {

                //going forward so
                //increase start and end by the increment

                start = start + increment ;
                end = end + increment ;

                //don't let the value of end be larger than the
                //total number of records
                if (end > total) {

                    end = total;

                }

                //create a subset of the Array that is holding all the submissions
                submissionsSlicedAry = submissionsAllAry.slice(start, end);

                //update the dataprovider for the datagrid
                submissionsViewAryCol = new ArrayCollection( submissionsSlicedAry );

                //determine if Next button should be enabled

                nextBtn.enabled = isNextBtnEnabled();

                //enable previous button
                //since we have gone to a next page of records
                previousBtn.enabled = true;


            }//end getNext


           /*Get the previous increment of records for display in the datagrid
           */
           private function getPrevious():void {


                   //going backwards
                   end = start;

                //decrease start by the increment

                start = start - increment ;

                //create a subset of the Array that is holding all the submissions
                submissionsSlicedAry = submissionsAllAry.slice(start, end);

                //update the dataprovider for the datagrid
                submissionsViewAryCol = new ArrayCollection( submissionsSlicedAry );

                //determine if previous button should be enabled
                previousBtn.enabled = isPreviousBtnEnabled();

                //enable next button
                //since we have gone to a previous page of records
                nextBtn.enabled = true;


            }//end getPrevious

            /*Return true if button should be enabled
            */
            private function isNextBtnEnabled():Boolean {

                var enableBtn:Boolean = false ;

                if ( end < total ) {

                    enableBtn = true ;

                }

                return enableBtn;


            }//end function isNextBtnEnabled


            /*Return true if button should be enabled
            */

            private function isPreviousBtnEnabled():Boolean {

                var enableBtn:Boolean = false ;

                if ( start >= increment ) {

                    enableBtn = true ;

                }

                return enableBtn;



            }//end function isNextBtnEnabled


        ]]>



            id="myService"
        destination="ColdFusion"
        source="flex.pagingdatagrid.SubmissionsGateway"
        showBusyCursor="true"
        >
                        fault="Alert.show(event.fault.message)"/>




            horizontalAlign="center" verticalAlign="top">








                            click="getPrevious()"/>









                            click="getNext()"/>




                    fontFamily="Verdana" fontSize="10">















☜♥☞MengChuChen 2007-02-24 09:10 发表评论

如何利用 google 查找 Flex �E�序

☜♥☞MengChuChen — Sat, 10 Feb 2007 06:01:00 GMT
�|�上有很多�h提供了很多的 Flex 2 制作的程序，�q�且提供源代码供人查看，但是基本上都是在个�h的博客中发表�Q�查找�v来很累，基本上是漫无目的溜。其实利�?google 可以很容易查扑ֈ�各种源代码�?br />�Ҏ��Q�源代码分�ؓ mxml �?as�Q��?mxml 文�g中肯定包�?http://www.macromedia.com/2006/mxml"> �q�句话，因此�Q�只要在搜烦框中搜烦“mx Application 2006 filetype:mxml”，所有的 Flex 2 代码一览无余。如果要�?as 文�g的话�Q�搜�?"import mx filetype:as"�Q�这个却�Ҏ��扑ֈ�一�?as2 的文�Ӟ��中不��...

☜♥☞MengChuChen 2007-02-10 14:01 发表评论

Cairngorm

☜♥☞MengChuChen — Thu, 08 Feb 2007 10:00:00 GMT

Cairngorm主要��是对开发Flex应用�E�序应用了一�p�d��的设计模式，从而��开发出来Flex�E�序可扩展性，可维护性都大大提高。其工作��程很清晎ͼ�

1.Front Controller Listens for User Gestures
前端的控件监听用��L��行�ؓ。注意它只是监听�Q��ƈ不会做�Q何反应�?br />
2.Commands Do All the Work
控�g监听以后调用Commands来做相应的事情，Command做了所有工作�?br />
3.Delegate Server-Side Business Logic to Business Delegates
把服务器端的业务逻辑委托�?Bussiness Delegates中。因为很多时候command需要获得服务器端数据，所以这样一来它可以直接调用Bussiness Delegates而不用关注如何连接数据的�l�节�Q�实��C��信息隐藏�?br />
4.Business Delegate Finds Services with the Service Locator
Command调用Business Delegate 后，Business Delegate 通过Service Locator来找到相应的RPC services�Q�然后执行实��C��服务器端取数据�?br />
5.Transfer Data as Value Objects
把传输过来的数据存储为Value Objects。这点大家应该都很熟悉，比如惌��查询一个公告，��必定创��Z��个公告类�Q�来存储每一个公告的标题�{�信息�?br />
6.Store State in the Model Locator and Let Model Notify View
在Model Locator 保存状态�ƈ且能使Model��到View的变化。这样一来用��h��作就能直接媄响Model�Q�比如添加物品到购物车，Model中的购物商品��׃��自动增加�?br />

☜♥☞MengChuChen 2007-02-08 18:00 发表评论

��Z��么要选择Cairngorm开发框�Ӟ��

☜♥☞MengChuChen — Tue, 06 Feb 2007 06:55:00 GMT

我是一个JAVA EE开发�h员，从业已经有近七、八�q�的旉��了。对JavaEE的企业用户开发技术框架方面的比较熟悉。对Spring�Q�Struts�Q�Webwork�Q�Hibernate�{�流行的开源框架也一直在工作中��用�?/p>
在现在的MVC框架中，我比较們֐�于采用WebWork�Q�灵�z�轻巧Struts2其实质就是对WebWork2的一�ơ升�U�，�q�也说明了WebWork相对与Struts1的优势所在。在现在的RIA开发成��势之后，在工作中也��用了DWR做Ajax服务器端的数据处理，�q��用js template的脚本处理页面显�C�数据，其中最大的痛苦��是调试JavaScript�Q�尽��我们��用了firefox的插件调试javascrpt�?/p>
正如�?a title="ria" target="_blank">JAVA�E�序员当如何选择RIA开发环�?/a>”所提到ajax的的先天�~�陷�Q��ƈ不适合RIA的全应用开发，如果只是在页面中的局部��用是有一些优势，�Ҏ��具体情况选择最合适的�?/p>
在Flex的应用程序开发当中，学习了很对范例，基本上浏览了一遍Flex的帮助文档，�q�自己做了些��程序�?/p>
其中遇到最大的困难不是在程序调试方面，而且�E�序��理斚w��的，代码混�ؕ�Q�难以控�Ӟ��其在多人开发的时候，更加�Ҏ��出现�q�样的情��c��这��L��情况下RIA的开发是痛苦的，不适宜的�?/p>
Cairngorm开发框架说白了��是一个FLEX应用开发的MVC框架�Q�自��q��感觉�Q�。将Model�Q�view�Q�Control独立分开�Q�清晰明了�?br />
什么是Cairngorm�Q?b style="COLOR: black; BACKGROUND-COLOR: #ffff66">Cairngorm是一个通过逻辑功能、数据、用戯��囑֒�代码控制的�Q何事情来划分你的应用�E�序代码的基��Ҏ��论，可以叫做MVC�Q�Model-View-Control�Q�的一�U�实跉|��式�?/p>
Cairngorm的划�?/strong>
Model Locator�Q�模型定位器�Q�：存储你的应用中所有的Value Objects�Q�数据）和共享变量在一个位�|�。和Http的Session对象�c�M��Q�只是它存储在Flex接口的客��L��而不是在中间件应用服务器的服务器端�?/p>
View�Q�界面）�Q?/strong>通过一个或者多个Flex�l��g�Q�按钮、面�ѝ��组合框、Tile�{�等�Q�组合在一��L��一个个命名单元�Q�绑定数据在Model Locator�Q�模型定位器�Q�中�Q��ƈ且��生基于用��h��作（点击、滚动、拖拽等�Q�的自定义的Cairngorm事�g�?/p>
Front Controller�Q�前端控制器�Q�：接收Cairngorm事�g�q�映��他们到Cairngorm命��o控制器上�?/p>
Command�Q�命令控制器�Q�：处理商业逻辑�Q�调用Caringorm代理和（或）其它命��o�?/p>
Delegate�Q�代理）�Q?/strong>由命令创建，实例化远�E�过�E�调用（HTTP、Web Service�{�等�Q��ƈ且处理命令的�q�回�l�果数据�?/p>
Service�Q�服务）�Q?/strong>定义�q�接�q�程数据存储的远�E�过�E�调用（HTTP、Web Service�{�等�Q��?br />

有关Cairngorm的资料：/P>

Cairngorm 是Iteration::two的开源项�? 是��用macromedia Flex的RIA开发的最�?br />实践(best-practice)框架.
�?b style="COLOR: black; BACKGROUND-COLOR: #ffff66">Cairngorm基础上开发RIA, ��会在Iteration::two的专家体�p�d��现有的灵�z�d��l?br />护企业解��x��案中辑ֈ��q��.
Cairngorm本��n�q�不是一个完整的企业应用, 它只是提供了一个开发的骨架, Iteration::two�U?br />之�ؓ体系.
在这个体�p�M��包括以下几个部分:
1. Business(业务逻辑部分)
2. Command(命��o部分)
3. Control(控制部分)
4. Model(数据模型)
5. View(界面视图)
6. VO(ValueObject)

我们从Control说�v:
在Control�? 定义�?个基�c? Event, EventBroadcaster, FrontController.
Event用于在应用不同的层之间传递事�? �q�携带事件的数据. 包含type和data两个
成员.
type存放一个区别不同事件的名称,��会在FrontController中进行注�?
而在命��o(Command)�c�M��, 会对事�g�q�行响应.

EventBroadcaster是一个单例类(singleton), 用于�q�播用户动作对应的事�? 使用
�Ҏ��: EventBroadcaster.getInstance().broadcastEvent( ... )

FrontController�E�微复杂一点点. 用于��特定的用户动作分发到指定的命��o�c?
FrontConroller是请求处理的核心�c? 整个体系中遍布的EventBroadcaster.getInstance(
).broadcastEvent( ... )�q�样的调�?
都是用来通知监听控制�? 用户发出了请�? 在实际应用中, 开发者应该生成一�?br />FrontContoller的子�c?
�q�在构造函��C��调用addCommand()注册预期事�g的处理命�? FrontController的具
体实现类应该创徏一�ơ而且只能创徏一��?

http://cairngormdocs.org/

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

☜♥☞MengChuChen 2007-02-06 14:55 发表评论