Robotlegs AS3入门介绍--第三部分：Services（服务）

原文地址:  http://insideria.com/2010/06/an-introduction-to-robotlegs-a-2.html

本文是insideRIA上发表的介绍Robotles AS3系列文章的第三部分。该系列文章的第一部分向我们介绍了什么是Robotles AS3，并通过一个“HelloWorld”例子对Context（上下文）与Mediators（媒介）类进行了简要概述。在第二部分中，我们探索了 Models（模块）的相关内容。而本文将继续拓展前两部分中的内容，并对Services（服务）进行介绍。

如果您没有学习前两部分的内容，我建议您先回头阅读一下：

• 第一部分：Context 和 Mediators
• 第二部分：Models

Service是什么？

这个网站的名称是InsideRIA。 所谓Service是指您的应用程序与RIA中的I之间的连接。Services为您的应用程序提供了一个API来访问网站服务，数据源，以及其他一些应 用程序。 您所访问的资源可能是Twitter API，公司/客户端的web服务器，文件系统，或者是应用程序之外的带有其他数据源的主机。

一个Service可以远程调用以及解析出结果。 结果解析出来以后，service将会通知其余的应用程序：数据已经准备好，并/或以这些结果为标准来更新Model。 我们希望外部数据在我们的应用程序中存留的时间尽可能地短。 一旦得到我们想要的结果，这些数据就会转化成一种专用于应用域的格式。 这些外部数据有可能是XML，JSON或者源于AMF的输入数据。 当我们在一个可控的环境下工作时，那就意味着服务器端的中层是可控的，有时我们不需要去解析所有的数据，因为返回的对象已经是应用域的一部分了。 在许多情况下，我们会在连接第三方服务器的同时接收外来数据。 而这些数据正是我们需要解析的。

让我们通过实例来进一步加深理解

在了解相关的定义之后，我们来看一下在Robotlegs AS3 中的Service是如何实现其功能的。 以下的示例是通过使用基本 Twitter Search API来实现的。

上图概述了service是如何实现功能的。 它先接受请求，然后向服务器索取数据，解析结果，最后通知其他应用程序。 而这些请求通常是由Mediators和Commands发出的。 在这个例子中，我们将会在Mediator中发出请求，以使过程变得简单。 在下一篇文章中，我们将会围绕 Commands是如何完成其获得服务的强大功能这个问题进行阐述。 让我们先来看下它的工具集，并从基础学起。

下载 ServiceExample.zip

service与 TweetDeck并不相同，但是当访问Twitter API时，在使用的简易程度上与 TweetDeck不相上下。这个小工具会访问Twitter Search API，并返回“robotlegs”的实时结果。 开始的时候我们会尽可能简单地阐述问题，今后有必要的话我们将会加大复杂的程度。 我们来看一下整合的程序片段：

ServiceExample.mxml

   
   
   
   

    
    
    
    
 
     
 
      <?xml 
      version= 
      "1.0" 
      ?> 
     
    
    
    
    
 
     
 
      <s 
      :Application xmlns 
      :fx= 
      "http://ns.adobe.com/mxml/2009" 
     
    
    
    
    
 
     

       xmlns 
      :s= 
      "library://ns.adobe.com/flex/spark" 
     
    
    
    
    
 
     

                      xmlns 
      :service= 
      "robotlegs.examples.service.*" 
     
    
    
    
    
 
     

       xmlns 
      :mx= 
      "library://ns.adobe.com/flex/mx" 
     
    
    
    
    
 
     

                      xmlns 
      :view= 
      "robotlegs.examples.service.view.*" 
     
    
    
    
    
 
     

                      
      width= 
      "300" 
     
    
    
    
    
 
     

                      
      height= 
      "300" 
      > 
     
    
    
    
    
 
     

           
      <fx 
      :Declarations 
      > 
     
    
    
    
    
 
     
 
      <service 
      :ServiceExampleContext contextView= 
      "{this}" 
      /> 
     
    
    
    
    
 
     

            
      </fx 
      :Declarations 
      > 
     
    
    
    
    
 
     

           
      <view 
      :SearchResultsView 
      /> 
     
    
    
    
    
 
     
 
      </s 
      :Application 
      > 
     
   
   
   
   

这个是主程序视图。在Declarations标签中，您会注意到我已经做好一个可用的ServiceExampleContext实例。如果您没 有了解过第一和第二部分的内容，我建议您现在就学习一下。前两章的内容包括了上下文（Context）的创建和初始化。除了 ServiceExampleContext以外，该应用还添加了SearchResultView的功能。这个示例里只显示了一个视图。请参考一下这里 的上下文（Context)：

ServiceExampleContext.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class ServiceExampleContext extends Context 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

       override 
      public 
      function startup 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 mediatorMap.mapView 
      (SearchResultsView, SearchResultsViewMediator 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

我们在 SearchExampleContext中为SearchResultsView设计了一个媒介。 SearchResultsView 是 Spark List 组件的一个子类。

SearchResultsView.mxml

   
   
   
   

    
    
    
    
 
     
 
      <?xml 
      version= 
      "1.0" 
      ?> 
     
    
    
    
    
 
     
 
      <s 
      :List 
     
    
    
    
    
 
     

       xmlns 
      :fx= 
      "http://ns.adobe.com/mxml/2009" 
     
    
    
    
    
 
     

       xmlns 
      :s= 
      "library://ns.adobe.com/flex/spark" 
     
    
    
    
    
 
     

       xmlns 
      :mx= 
      "library://ns.adobe.com/flex/mx" 
     
    
    
    
    
 
     

       itemRenderer= 
      "robotlegs.examples.service.view.renderers.SearchResultItemRenderer" 
     
    
    
    
    
 
     

                
      height= 
      "100%" 
      width= 
      "300" 
      > 
     
    
    
    
    
 
     
 
      <s 
      :layout 
      ><s 
      :VerticalLayout gap= 
      "0" paddingBottom= 
      "10" paddingRight= 
      "10" paddingLeft= 
      "10" paddingTop= 
      "10" 
      /></s 
      :layout 
      > 
     
    
    
    
    
 
     
 
      </s 
      :List 
      > 
     
   
   
   
   

SearchResultsView 需要一个能与其他应用程序进行数据传递的媒介：

SearchResultsViewMediator.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class SearchResultsViewMediator extends Mediator 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      [Inject 
      ] 
     
    
    
    
    
 
     

            
      public 
      var view 
      :SearchResultsView; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

       override 
      public 
      function onRegister 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      //Make the magic！（缔造奇迹！）  
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

既然 SearchResultsView已经与其他组件连接好，那么接下来我们将开始学习能够连接远程 Twitter server 并给我们返回一些数据的服务程序。 如果您仔细研究SearchResultsView ，将会发现我们也已经给它添加了 ItemRenderer。 我们会粗略地介绍一下。 首先，我们来看一下连接 Twitter 并获得数据的基本服务类：

TwitterSearchService.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class TwitterSearchService extends Actor implements ISearchService 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      private 
      var 
      loader 
      : 
      URLLoader; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      public 
      function TwitterSearchService 
      ( 
      ) 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     
 
      loader = 
      new 
      URLLoader 
      ( 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private const TWITTER_SEARCH_ENDPOINT 
      : 
      String = 
      "http://search.twitter.com/search.json"; 
     
    
    
    
    
 
     

            
      public 
      function getResults 
      (forQuery 
      : 
      String = 
      "robotlegs" 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      var urlRequest 
      : 
      URLRequest = 
      new 
      URLRequest 
      (TWITTER_SEARCH_ENDPOINT 
      ); 
     
    
    
    
    
 
     

                 
      var params 
      : 
      URLVariables = 
      new 
      URLVariables 
      ( 
      ); 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

                 params.q = HTMLStringTools.htmlEscape 
      (forQuery 
      ); 
     
    
    
    
    
 
     

                 params.rpp = 
      100; 
     
    
    
    
    
 
     

       urlRequest. 
      data = params; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

                 addLoaderListeners 
      ( 
      ); 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     
 
      loader. 
      load 
      (urlRequest 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private 
      function handleError 
      (event 
      : 
      SecurityErrorEvent 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 removeLoaderListeners 
      ( 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private 
      function handleLoadComplete 
      (event 
      : 
      Event 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 removeLoaderListeners 
      ( 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private 
      function addLoaderListeners 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      loader. 
      addEventListener 
      ( 
      IOErrorEvent. 
      IO_ERROR, handleError 
      ); 
     
    
    
    
    
 
     

                 
      loader. 
      addEventListener 
      ( 
      SecurityErrorEvent. 
      SECURITY_ERROR, handleError 
      ); 
     
    
    
    
    
 
     

                 
      loader. 
      addEventListener 
      ( 
      Event. 
      COMPLETE, handleLoadComplete 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private 
      function removeLoaderListeners 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      loader. 
      removeEventListener 
      ( 
      IOErrorEvent. 
      IO_ERROR, handleError 
      ); 
     
    
    
    
    
 
     

                 
      loader. 
      removeEventListener 
      ( 
      SecurityErrorEvent. 
      SECURITY_ERROR, handleError 
      ); 
     
    
    
    
    
 
     

                 
      loader. 
      removeEventListener 
      ( 
      Event. 
      COMPLETE, handleLoadComplete 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

TwitterSearchService包含了一个公共函数,getResults()。 它会从 Twitter Search API中获取搜索串的搜索数据。这个函数是通过URLLoader 实现上述功能的，并可直接访问API。 系统为 Actionscript 提供了多个出色的Twitter API 库。 如果您想尝试写一下TweetDeck，我强烈建议您查看一下这些组件。 TwitterSearchService可通过 URLLoader 向对应端点发出一个简单的请求。 URLLoader中添加了监听器，而且错误和结果处理器可获取任何返回的数据。 实际上，handleLoadComplete 除了用来关闭监听器以外，并没有其他的功能，所以它并不是很有用，但很快我们就会解决这个问题。

请注意，TwitterSearchService扩展了 Actor，并实现 了ISearchService。 在这里，Actor只是提供了便捷的通向 EventDispatcher的入口。 结合了services， ISearchService通常被认为是最佳的实现接口。 让我们来看一下ISearchService：

ISearchService.as

   
   
   
   

    
    
    
    
 
     
 
      public interface ISearchService 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      function getResults 
      (forQuery 
      : 
      String= 
      "robotlegs" 
      ) 
      : 
      void; 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

当您为一个 service 类实现一个接口时，它可以很好地将service换出。为什么需要这项功能呢？因为当连接到远程服务时，它能立即产生有效的模拟数据。您可以让 MockTwitterJsonService每次都返回相同的静态，硬编码的结果。这种方法在单元测试中是相当关键的，这一点以及相关的普通开发工作将 会在另一篇文章中提到。您或许多次感觉到自己的开发工作与团队的sevice开发是并行的。创建以及替换模拟服务的能力提供了很大的开发灵活性。

在我们对从远程服务上返回的数据进行解析之前，您应该对Robotlegs service 的定义有所了解。 在我们正在使用的Twitter Search API 端口实例中，我们得到的结果是一个 JSON字符串。 JSON数据会占用很大的内存空间，但是我们并不希望在我们的应用程序中使用未经处理的JSON字符串。 这样就失去了强类型的好处，而且，我们希望能筛选出在我们的应用程序中使用到的数据。 在这种情况下，我们只需要用户名称和实际的tweet 文本。

Tweet.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class Tweet 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      public 
      var user 
      : 
      String; 
     
    
    
    
    
 
     

            
      public 
      var 
      message 
      : 
      String; 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

这个类需要一些补充， 尽管并不需要太多的补充，但是我们需要一些程序来转化结果。

TwitterSearchResultParser.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class TwitterSearchResultParser implements ISearchResultParser 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      public 
      function parseSearchResults 
      (results 
      : 
      Object 
      ) 
      : 
      Array 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      var decoder 
      :JSONDecoder = 
      new JSONDecoder 
      ( 
      String 
      (results 
      ) 
      ); 
     
    
    
    
    
 
     

                 
      var resultObjects 
      : 
      Array = decoder.getValue 
      ( 
      ).results; 
     
    
    
    
    
 
     

                 
      var tweets 
      : 
      Array = 
      [ 
      ]; 
     
    
    
    
    
 
     

                 
      for 
      each 
      ( 
      var result 
      : 
      Object 
      in resultObjects 
      ) 
     
    
    
    
    
 
     

                 
      { 
     
    
    
    
    
 
     

                      
      var tweet 
      :Tweet = 
      new Tweet 
      ( 
      ); 
     
    
    
    
    
 
     

                      tweet.user = result.from_user; 
     
    
    
    
    
 
     

       tweet. 
      message = HTMLStringTools.htmlUnescape 
      (result. 
      text 
      ); 
     
    
    
    
    
 
     

                      
     
    
    
    
    
 
     

         tweets. 
      push 
      (tweet 
      ) 
     
    
    
    
    
 
     

                  
      } 
     
    
    
    
    
 
     

                 
      return tweets; 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

结果解析器是一个简单的公共类。 同理，sevice实现了一个接口，其结果解析器也是如此。 它有一个parseSearchResults()方法来导入结果参数。 Twitter返回的结果是一个字符串，但也可能是XML，例如在我们准备用本地的模拟数据或者变更我们正在访问的Twitter服务时。 JSON字符串将被编码到对象之中，然后会转变成我们的Tweet值对象。 所得的Array将作为结果返回。 现在分析器已经准备就绪，我们将它提供给服务，以便它可以解析结果。

您有几种可选的操作来设置解析类的服务访问。您可以将它的方法设置成static，还可以在服务中创建一个解析类的实例，或者可以利用依赖注入来提供服务类的解析。前两个操作的问题在于，若我们随后需要将解析类交换出来，将会很难办到。

我们现在处于依赖注入的领域中，那为什么不将解析器映射成注入呢？因为如果我们这样做的话，它在我们的上下文中将是一条单独的线条，并且如果我们想 交换出来，它会发生改变。在类之中没有线条和变化类型的注释。因为解析器和服务都会都会与接口一致。如果您想查看交换服务有多么容易，请查阅Bobotlegs Demo Bundle中的Flickr Image Gallery。

让我们在上下文中来看看服务和解析器接口之间的映射：

ServiceExampleContext.as

   
   
   
   

    
    
    
    
 
     

       override 
      public 
      function startup 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            mediatorMap.mapView 
      (SearchResultsView, SearchResultsViewMediator 
      ); 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

            injector.mapSingletonOf 
      (ISearchService, TwitterSearchService 
      ); 
     
    
    
    
    
 
     

            injector.mapSingletonOf 
      (ISearchResultParser, TwitterSearchResultParser 
      ); 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

这是我们第一次使用injector中的mapSingletonOf()方法。 它与mapSingleton的行为差不多是一样的，但有一个关键的区别。 使用mapSingleton()，您可以通过它的接口或基类将类映射成您想要注射的类型。 让我们来看看TwitterSearchService以及如何将它注入到我们的类中：

TwitterSearchService.as

   
   
   
   

    
    
    
    
 
     
 
      private 
      var _parser 
      :ISearchResultParser; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     
 
      [Inject 
      ] 
     
    
    
    
    
 
     
 
      public 
      function 
      set parser 
      ( 
      value 
      :ISearchResultParser 
      ) 
      : 
      void 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            _parser = 
      value; 
     
    
    
    
    
 
     
 
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     
 
      private 
      var 
      loader 
      : 
      URLLoader; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     
 
      public 
      function TwitterSearchService 
      ( 
      ) 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     
 
      loader = 
      new 
      URLLoader 
      ( 
      ); 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

有了以上添加到TwitterSearchService的代码，您现在就可以将映射到里面的解析器注射进去了。这里会发生一些有趣的事情。您会注 意到，解析器是ISearchResultParser的类型。由于我们使用了mapSingletonOf()来映射我们的解析器，它会寻找我们映射的 基类或者接口类型的属性。它实际上会注射TwitterSearchResultParser，但是我们将通过它的接口来访问它。这种方法就是多态，它是 一个面向对象的概念。

我们还将[Inject]标签放在了setter函数的上方，并且它本身并不是属性。 除了我们到现在为止一直使用的属性注射，Robotlegs还支持setter和构造注射。 在这个例子中，我们使用了setter注射来为解析器属性的setter函数提供value值。 构造注射甚至不需要函数中的[Inject]元数据。 我们稍后将会谈论到构造注射，现在需要记住的是为IsearchService接口增加setter函数：

ISearchService.as

   
   
   
   

    
    
    
    
 
     
 
      public interface ISearchService 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      function getResults 
      (forQuery 
      : 
      String= 
      "robotlegs" 
      ) 
      : 
      void; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      function 
      set parser 
      ( 
      value 
      :ISearchResultParser 
      ) 
      : 
      void; 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

现在解析器都已经设置好了，我们准备在服务中实际地使用它。 result句柄是最有可能利用解析器的，因此我们将在这增加一些代码：

TwitterSearchService.as

   
   
   
   

    
    
    
    
 
     
 
      private 
      function handleLoadComplete 
      (event 
      : 
      Event 
      ) 
      : 
      void 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      var 
      data 
      : 
      Object = 
      loader. 
      data; 
     
    
    
    
    
 
     

            
      var results 
      : 
      Array = _parser.parseSearchResults 
      ( 
      data 
      ); 
     
    
    
    
    
 
     

       dispatch 
      ( 
      new SearchResultEvent 
      (SearchResultEvent.RECEIVED, results 
      ) 
      ) 
     
    
    
    
    
 
     

            removeLoaderListeners 
      ( 
      ); 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

然后继续进行，数据已经从URLLoader中提取出来了，并把它发送给解析器从而转换到一个Tweet对象的数组中，之后派送出一个事件，通知其 它应用程序我们已经得到了结果，然后删除这个事件的监听者。 SearchResultEvent是一个简单的自定义事件，并且它的有效载荷是一个数组：

SearchResultEvent.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class SearchResultEvent extends 
      Event 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      public static const RECEIVED 
      : 
      String = 
      "searchResultsReceived"; 
     
    
    
    
    
 
     

            
     
    
    
    
    
 
     

             
      private 
      var _results 
      : 
      Array; 
     
    
    
    
    
 
     

            
      public 
      function 
      get results 
      ( 
      ) 
      : 
      Array 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      return _results; 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      public 
      function SearchResultEvent 
      ( 
      type 
      : 
      String, results 
      : 
      Array = 
      null, 
      bubbles 
      : 
      Boolean = 
      false, 
      cancelable 
      : 
      Boolean = 
      false 
      ) 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      super 
      ( 
      type, 
      bubbles, 
      cancelable 
      ); 
     
    
    
    
    
 
     

                 _results = results; 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

       override 
      public 
      function 
      clone 
      ( 
      ) 
      : 
      Event 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 
      return 
      new SearchResultEvent 
      ( 
      type, results, 
      bubbles, 
      cancelable 
      ) 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

到目前的开发为止，我们已经有一个能工作的服务，一个调解视图组件，和一个无法监听的事件。 更准确地说，这是一个从来没有分派过的事件。 我们没有用绑定的服务来调用getResult()。 我们会在SearchResultViewMediator中进行处理：

SearchResultsViewMediator.as

   
   
   
   

    
    
    
    
 
     
 
      public 
      class SearchResultsViewMediator extends Mediator 
     
    
    
    
    
 
     
 
      { 
     
    
    
    
    
 
     

            
      [Inject 
      ] 
     
    
    
    
    
 
     

            
      public 
      var view 
      :SearchResultsView; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      [Inject 
      ] 
     
    
    
    
    
 
     

            
      public 
      var service 
      :ISearchService; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

       override 
      public 
      function onRegister 
      ( 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

                 service.getResults 
      ( 
      ); 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

                 addContextListener 
      (SearchResultEvent.RECEIVED, handleResultsReceived 
      ) 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

             
      private 
      function handleResultsReceived 
      (event 
      :SearchResultEvent 
      ) 
      : 
      void 
     
    
    
    
    
 
     

            
      { 
     
    
    
    
    
 
     

       view.dataProvider = 
      new ArrayCollection 
      (event.results 
      ); 
     
    
    
    
    
 
     

             
      } 
     
    
    
    
    
 
     
 
      } 
     
   
   
   
   

现在我们可以对话了！ 服务仍然是通过它的接口来注射的，并且在onRegister()中我们调用了getResults()。 在Twitter总部会神奇地产生一些我们的服务解析内容，并且通过携带数据的事件来通知其它应用程序。 mediator会监听那个事件，并且在handleResultsReceived中它会提供dataProvider视图的结果作为一个 ArrayCollection。 我们所需要添加的是ItemRenderer，然后我们将拥有一个完全半功能化的Twitter客户端：

SearchResultItemRenderer.mxml

   
   
   
   

    
    
    
    
 
     
 
      <?xml 
      version= 
      "1.0" 
      ?> 
     
    
    
    
    
 
     
 
      <s 
      :ItemRenderer 
     
    
    
    
    
 
     

       xmlns 
      :fx= 
      "http://ns.adobe.com/mxml/2009" 
     
    
    
    
    
 
     

       xmlns 
      :s= 
      "library://ns.adobe.com/flex/spark" 
     
    
    
    
    
 
     

       xmlns 
      :mx= 
      "library://ns.adobe.com/flex/mx" 
     
    
    
    
    
 
     

               
      width= 
      "260" 
      height= 
      "85" 
      > 
     
    
    
    
    
 
     

           
      <fx 
      :Script 
      ><! 
      [CDATA 
      [ 
     
    
    
    
    
 
     

               
      import robotlegs.examples.service.model.Tweet; 
     
    
    
    
    
 
     

         
     
    
    
    
    
 
     

       override 
      public 
      function 
      set 
      data 
      ( 
      value 
      : 
      Object 
      ) 
      : 
      void 
     
    
    
    
    
 
     

               
      { 
     
    
    
    
    
 
     

                    
      super. 
      data = 
      value; 
     
    
    
    
    
 
     

                    
      var searchResult 
      :Tweet = 
      value 
      as Tweet; 
     
    
    
    
    
 
     

                    
      if 
      (searchResult 
      ) 
     
    
    
    
    
 
     

                    
      { 
     
    
    
    
    
 
     

                         
      message. 
      text = searchResult. 
      message; 
     
    
    
    
    
 
     

       username. 
      text = searchResult.user; 
     
    
    
    
    
 
     

                     
      } 
     
    
    
    
    
 
     

                    
      else 
     
    
    
    
    
 
     

                    
      { 
     
    
    
    
    
 
     

                         
      message. 
      text = 
      ""; 
     
    
    
    
    
 
     

       username. 
      text = 
      ""; 
     
    
    
    
    
 
     

                     
      } 
     
    
    
    
    
 
     

                
      } 
     
    
    
    
    
 
     
 
      ] 
      ] 
      ></fx 
      :Script 
      > 
     
    
    
    
    
 
     

           
      <s 
      :layout 
      > 
     
    
    
    
    
 
     
 
      <s 
      :VerticalLayout paddingBottom= 
      "5" paddingRight= 
      "5" paddingLeft= 
      "5" paddingTop= 
      "5" 
      /> 
     
    
    
    
    
 
     

           
      </s 
      :layout 
      > 
     
    
    
    
    
 
     
 
      <s 
      :Label id= 
      "username" 
      width= 
      "100%" maxDisplayedLines= 
      "1" fontWeight= 
      "bold" 
      /> 
     
    
    
    
    
 
     
 
      <s 
      :Label id= 
      "message" 
      width= 
      "100%" maxDisplayedLines= 
      "4" 
      /> 
     
    
    
    
    
 
     
 
      </s 
      :ItemRenderer 
      > 
     
   
   
   
   

这样您就有自己的程序了。 tweet列表中提到了Robotlegs。 真是令人愉快啊！ 我会鼓励您试玩一下这个应用程序。 比如添加一个控制栏来改变搜索条件。 比如增加登陆的功能，找回您的时间表，或者给张贴一个Tweet。 如果您不希望让您所有讨厌的朋友生气，那就启用一个新的Twitter的帐户来进行开发。 我听说他们有许多额外的用处。

现在我们已经有了服务，为了利用Robotlegs MVC+S的实现，这几乎覆盖了工具的所有范围。 我们唯一没有涉及到的是Commands。 Commands能让我们减弱代码的耦合，并且提供被事件触发的可重用的"行为(actions)"。

如果您实在是迫不及待，我的博客（以及许多其他网络资源中）中的一些文章也是涉及到许多Robotlegs主题的内容（包括一个25分钟的截屏）。John Lindquist在他的博客上也放置了一段关于Hello World的截屏视频。此外，还有一个名为Best Practices（最佳实践）的文件，很多人认为这个文件对于学习Robotlegs来说是有很大帮助的。您还可以经常访问Robotlegs Knowledge Base（Robotlegs 知识库）寻求帮助和支持。那里有许多积极的社区志愿者，包括我自己在内，会很乐意解答各种相关于Robotlegs 的疑问。另外我参与了Flex 4 in Action的编写，当中有22页的篇幅是Robotlegs 的材料。

转载：http://ebibi.com/i/experience/2011/0214/2941.html