Flex快速上手

本文中的demo是一个简单的RSS阅读程序,例子来源于Flex文档。

1,下载Flex Builder 2.0
http://trials.adobe.com/Applications/Flex/FlexBuilder/38036699/FLXB_2.0_Win_WWE.exe
下载非插件版本好了,省去装插件的麻烦

2,新建Flex project,新建BlogReader.mxml:
Java代码 复制代码
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">   
  3.   
  4.   <mx:HTTPService   
  5.     id="feedRequest"  
  6.     url="{rss}"/>   
  7.   
  8.   <mx:Panel x="10" y="10" width="475" height="400" title="{feedRequest.lastResult.rss.channel.title}">   
  9.   
  10.     <mx:DataGrid id="dgPosts" x="20" y="20" width="400" dataProvider="{feedRequest.lastResult.rss.channel.item}">   
  11.       <mx:columns>   
  12.         <mx:DataGridColumn headerText="Posts" dataField="title"/>   
  13.         <mx:DataGridColumn headerText="Date" dataField="pubDate" width="150"/>   
  14.       </mx:columns>   
  15.     </mx:DataGrid>   
  16.   
  17.     <mx:TextInput id="rss" x="20" y="175" width="400"/>   
  18.     <mx:LinkButton x="20" y="225" label="Get Posts" click="feedRequest.send()"/>   
  19.   
  20.   </mx:Panel>   
  21.   
  22.   </mx:Application>  
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

  <mx:HTTPService
    id="feedRequest"
    url="{rss}"/>

  <mx:Panel x="10" y="10" width="475" height="400" title="{feedRequest.lastResult.rss.channel.title}">

    <mx:DataGrid id="dgPosts" x="20" y="20" width="400" dataProvider="{feedRequest.lastResult.rss.channel.item}">
      <mx:columns>
        <mx:DataGridColumn headerText="Posts" dataField="title"/>
        <mx:DataGridColumn headerText="Date" dataField="pubDate" width="150"/>
      </mx:columns>
    </mx:DataGrid>

    <mx:TextInput id="rss" x="20" y="175" width="400"/>
    <mx:LinkButton x="20" y="225" label="Get Posts" click="feedRequest.send()"/>

  </mx:Panel>

  </mx:Application>

当用户在TextInput框里输入rss地址时(如 http://weblogs.macromedia.com/mchotin/index.xml),rss地址会被绑定到HTTPService的url
用户接着点击Get Posts链接时,触发feedRequest.send()方法
Panel和DataGrid分别绑定了feedRequest.lastResult...,则这时会显示用户输入rss地址的Blog的相关信息

而且BlogReader.swf是可以以c/s程序的方式运行的,flash做跨平台客户端是非常好的技术

奇怪的是我输入javaeye的rss时,上面的程序老报错,不知道是不是javaeye的rss格式有点特殊?

你可能感兴趣的:(c,xml,Flex,Flash,Adobe)