flex 博客阅读器 实现代码

根据由 刘刚 翻译的“flex中文帮助”整理而来

为了完成这个项目，执行的步骤如下：
1. 设置项目
2. 检查要访问的远程数据源
    出于安全的原因，在客户端计算机上Flash Player 中运行的应用程序，只有在满足如下
    条件之一的情况下，才能访问远程的数据：
    a. 应用程序的SWF 文件与远程数据源位于同一个域中。
    b. 使用代理，同时SWF 文件与代理位于同一个服务器中。
    c. 在数据源的宿主web 服务器上安装crossdomain.xml（跨域策略）文件。
    本节中例子使用的是第三种方法。
插入并配置 blog 阅读器
在本小节，你将学习创建一个blog 阅读器。
1. 在导航视图中选择Lessons 项目，选择File > New > MXML Application 并创建一个
    叫BlogReader.mxml 的文件。
2. 将BlogReader.mxml 设置为被编译的默认文件。
3. 在MXML 编辑器的设计模式下，从组件视图中拖拉出一个面板容器，并设置它的相
    应属性值：
    Title: Blog Reader
    Width: 475
    Height: 400
    X: 10
    Y: 10
4. 在设计模式下，从组件视图中拖拉出如下组件到面板容器里：
    DataGrid
    TextArea
    LinkButton
5. 使用鼠标将控件布置成垂直排列的、左对齐的列。
6. 选择DataGrid 控件并设置相应属性：
    Id: dgPosts
    X: 20
    Y: 20
    Width: 400
7. 选择TextArea 控件并设置相应属性：
    X: 20
    Y: 175
    Width: 400
8. 选择LinkButton 控件并设置相应属性：
    Label: Read Full Post
    X: 20
    Y: 225
    界面布局看起来就象这样：

9. 点击工具条上的Source button 切换成编辑器源代码模式。在BlogReader.mxml 文件
   中输入如下MXML 代码：
  
   http://www.adobe.com/2006/mxml" layout="absolute">
                                    title="Blog Reader">
              
                     
                           
                           
                           
                      
               
             
              
        
   
10. 保存文件， 完成编译后运行。一个浏览器窗口将打开， 如下所示。

到这一步，应用程序还没有显示任何blog 信息。接下来的一步是使用一个称之为
HTTPService 的RPC 服务组件来获取blog 的信息。

插入 HTTPService 组件
对于 blog 阅读器这个项目，其数据源来自于http://www.adobe.com/go/mchotinblog。你
使用HTTPService 组件来访问blog 的XML。该组件发送HTTP GET 或POST 请求，并获取
反馈回来的数据。
1. 在源代码模式下，在标签中输入标签：
id="feedRequest"
url="http://weblogs.macromedia.com/mchotin/index.xml"
useProxy="false"/>
url 属性指明了被请求文件所在的位置。在本例中，该URL 一直是有效的，但是你仍然
需要确定它是否已经发生改变。
useProxy 属性表明你并不打算在服务器上使用代理。因为Matt's blog 上面有
crossdomain.xml 设置，所以Flash Player 可以访问该服务器上的远程数据。
接下来提示应用程序向指定的URL 发送请求。

2. 在标签后，添加creationComplete 属性（粗体显示）：
http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="feedRequest.send()" >
你的应用程序每次启动时，HTTPService 组件的send（）方法将被调用。该方法向指定
的URL 发出HTTP GET 或POST 请求，并得到HTTP 回应。在本例中，RSS feed 将返回
XML 数据。
接下来，检测RSS feed 的获取是否成功。然后将数据绑定到Label 控件上，就象这样：

3. 在标签中，将title 属性的值用随后的表达式替换：
title="{feedRequest.lastResult.rss.channel.title}"
当HTTPService 组件返回XML 时，在名叫lastResult 的ActionScript 对象中进行剖析。
lastResult 对象的结构反映了XML 文档的结构。

XML 的结构通常如下所示：