2007-08-03

Flex快速上手

关键字: Flex Flex Builder
本文中的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: 
<?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格式有点特殊?
评论
发表评论

您还没有登录，请登录后发表评论

hideto
搜索本博客
我的相册
A6bdc31c-c66e-468e-961e-9cc721e82adc-thumb
screenshot
共 1 张
存档
最新评论