`
hereson
  • 浏览: 1451258 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Flex快速上手

    博客分类:
  • 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格式有点特殊?
分享到:
评论

相关推荐

    flex 快速上手中文

    在本压缩包中,"flex 快速上手中文"资料可能是为了帮助初学者快速掌握Flex的基本概念、开发环境设置以及基础语法。 1. **Flex概述** Flex是一种开源框架,它提供了丰富的组件库,可以方便地创建出复杂的用户界面。...

    flex快速上手中文资料

    本资源“flex快速上手中文资料”显然是针对初学者设计的,旨在帮助他们快速理解和掌握Flex的基本概念和开发流程。 1. **Flex SDK**:Flex SDK是免费的开源软件开发工具包,包括编译器、Flex框架、Flex Builder集成...

    flex快速上手(中文版)

    这个“flex快速上手(中文版)”的压缩包文件很可能是为了帮助初学者快速掌握Flex的基础知识和使用方法。以下是关于Flex的一些关键知识点: 1. **Flex架构**:Flex框架由Flex SDK和Flex Builder两部分组成。SDK包含了...

    flex快速上手(中文)

    这个压缩包文件"flex快速上手(中文)"显然提供了中文版的学习资源,对于初学者来说是一份很好的教程资料。 Flex的核心组件包括Flex Builder(现已被Adobe Flash Builder取代)、Flex SDK和Flex Framework。Flex ...

    学习资料\flex快速上手

    学习资料\flex快速上手 PDF文件 。

    flex快速上手(中文)

    flex快速上手(中文)是非常实用的flex入门级教程,帮助你很好的打下坚实的基础。

    Flex书籍 文档 资料(整理 非常齐全)

    文档中的"flex快速上手(中文)"很可能是针对初学者的一份教程,旨在帮助读者快速掌握Flex的基础知识和开发流程。这份资料可能涵盖以下几个方面: 1. **Flex SDK**:Flex SDK是一个免费的开发工具包,包含了编译...

    flex入门到精通

    7. **快速上手教程**:“Flex_QuickStart.pdf”和“flex快速上手(中文)”会提供快速掌握Flex开发的步骤和实践项目,帮助初学者快速入门。 8. **案例分析**:“第十章.ppt”可能包含一个或多个实际项目案例,通过...

    flex3.0入门到精通

    "Flex_QuickStart.pdf"和"flex快速上手(中文)"提供了快速掌握Flex开发的教程,适合初学者按照步骤实践,通过实际操作加深对Flex的理解。 九、实践与项目开发 理论学习之外,动手实践是掌握技术的关键。可以尝试...

    Flex快速入门资料

    10. **学习资源**:描述中提到的资料应该包含了各种实例,这些实例通常会涵盖Flex的基础用法、组件使用、数据绑定、事件处理等方面,通过实践来帮助新手快速上手。 在学习Flex的过程中,建议按照以下步骤进行: 1. ...

    flex快速入门 译自Flex 官方文档

    其次,《Flex_QuickStart.pdf》可能更侧重于快速上手,提供了快速构建Flex应用的步骤和技巧。它可能会涵盖更实际的应用场景,如如何利用Flex的组件系统创建交互式的用户界面,如何利用Flex SDK进行命令行编译,以及...

    flex上手例子

    本教程“flex上手例子”旨在帮助初学者快速入门Flex技术,轻松掌握其基本概念和应用。 Flex的核心组件包括Flex SDK和Flex Builder。Flex SDK是一个免费的开发工具包,包含了编译器、库和命令行工具,开发者可以使用...

    移动端Web页面的CSS3 flex布局快速上手指南

    本文将为您提供一个快速上手CSS3 Flexbox布局的指南。 首先,开启Flexbox布局非常简单,只需要在父容器上设置`display`属性为`flex`。例如: ```css footer { display: flex; } ``` 这一步骤将使`footer`元素...

    Flex入门资料 flex3.0

    《Flex_QuickStart.pdf》可能是快速上手指南,会提供更具体的步骤和实例,帮助开发者快速了解和开始使用Flex 3.0进行开发。这份文档可能包括创建第一个Flex项目的教程,以及一些常见任务的简明示例。 通过学习这些...

    FLEX安装和配置全步骤

    本篇文章将详细介绍FLEX的安装与配置过程,帮助初学者快速上手。 首先,我们需要下载FLEX的开发工具。Adobe提供了FLEX Builder和Apache Flex SDK两种选择。FLEX Builder是一款集成开发环境(IDE),内置了Flex SDK...

Global site tag (gtag.js) - Google Analytics