本文中的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>
<?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的基本概念、开发环境设置以及基础语法。 1. **Flex概述** Flex是一种开源框架,它提供了丰富的组件库,可以方便地创建出复杂的用户界面。...
本资源“flex快速上手中文资料”显然是针对初学者设计的,旨在帮助他们快速理解和掌握Flex的基本概念和开发流程。 1. **Flex SDK**:Flex SDK是免费的开源软件开发工具包,包括编译器、Flex框架、Flex Builder集成...
这个“flex快速上手(中文版)”的压缩包文件很可能是为了帮助初学者快速掌握Flex的基础知识和使用方法。以下是关于Flex的一些关键知识点: 1. **Flex架构**:Flex框架由Flex SDK和Flex Builder两部分组成。SDK包含了...
这个压缩包文件"flex快速上手(中文)"显然提供了中文版的学习资源,对于初学者来说是一份很好的教程资料。 Flex的核心组件包括Flex Builder(现已被Adobe Flash Builder取代)、Flex SDK和Flex Framework。Flex ...
学习资料\flex快速上手 PDF文件 。
flex快速上手(中文)是非常实用的flex入门级教程,帮助你很好的打下坚实的基础。
文档中的"flex快速上手(中文)"很可能是针对初学者的一份教程,旨在帮助读者快速掌握Flex的基础知识和开发流程。这份资料可能涵盖以下几个方面: 1. **Flex SDK**:Flex SDK是一个免费的开发工具包,包含了编译...
7. **快速上手教程**:“Flex_QuickStart.pdf”和“flex快速上手(中文)”会提供快速掌握Flex开发的步骤和实践项目,帮助初学者快速入门。 8. **案例分析**:“第十章.ppt”可能包含一个或多个实际项目案例,通过...
"Flex_QuickStart.pdf"和"flex快速上手(中文)"提供了快速掌握Flex开发的教程,适合初学者按照步骤实践,通过实际操作加深对Flex的理解。 九、实践与项目开发 理论学习之外,动手实践是掌握技术的关键。可以尝试...
- **TWaver Flex 快速上手**:TWaver Flex是一个用于构建高级图形用户界面的框架。为了帮助初学者快速掌握TWaver Flex的基本用法,本章节将通过一系列简单示例来展示如何创建基础的图形元素,并将其组织到可视化的...
10. **学习资源**:描述中提到的资料应该包含了各种实例,这些实例通常会涵盖Flex的基础用法、组件使用、数据绑定、事件处理等方面,通过实践来帮助新手快速上手。 在学习Flex的过程中,建议按照以下步骤进行: 1. ...
其次,《Flex_QuickStart.pdf》可能更侧重于快速上手,提供了快速构建Flex应用的步骤和技巧。它可能会涵盖更实际的应用场景,如如何利用Flex的组件系统创建交互式的用户界面,如何利用Flex SDK进行命令行编译,以及...
本教程“flex上手例子”旨在帮助初学者快速入门Flex技术,轻松掌握其基本概念和应用。 Flex的核心组件包括Flex SDK和Flex Builder。Flex SDK是一个免费的开发工具包,包含了编译器、库和命令行工具,开发者可以使用...
本文将为您提供一个快速上手CSS3 Flexbox布局的指南。 首先,开启Flexbox布局非常简单,只需要在父容器上设置`display`属性为`flex`。例如: ```css footer { display: flex; } ``` 这一步骤将使`footer`元素...
本篇文章将详细介绍FLEX的安装与配置过程,帮助初学者快速上手。 首先,我们需要下载FLEX的开发工具。Adobe提供了FLEX Builder和Apache Flex SDK两种选择。FLEX Builder是一款集成开发环境(IDE),内置了Flex SDK...
《Flex_QuickStart.pdf》可能是快速上手指南,会提供更具体的步骤和实例,帮助开发者快速了解和开始使用Flex 3.0进行开发。这份文档可能包括创建第一个Flex项目的教程,以及一些常见任务的简明示例。 通过学习这些...