Flash Builder 4: 几分钟内创建twitter搜索UI

Adobe Flash Builder 4 简体中文正式版 下载: http://subject.csdn.net/adobedownload/index.html

Adobe平台技术峰会课程视频：http://adobev.csdn.net/

“闪创未来”-Adobe Flash 平台应用开发大赛：http://adobec.csdn.net/

本文译自：http://blog.everythingflex.com/2010/03/29/flash-builder-4-create-a-twitter-search-ui-in-minutes/

全新的Flash builder 4 IDE最酷的一个特征就是代码生成能力，用于连接服务，构建UI。这是我在MAX 2009会议上的主题，而且我的发言还保存在这里。

在这个demo里，我将展示创建调用twitter搜索，并显示结果的程序是多么的简单。实际上，我都不用在Flash Builder 4.点触代码视图。

如果你没有Flash Builder 4.，你可在以下地址下载免费使用版： http://www.adobe.com/go/try_flashbuilder .

现在，跟着我们的步骤来：

创建一个全新的Flash Builder/ Flex 项目称为TwitterSearch:

设置程序类型为桌面方式（在Adobe AIR里运行):

注意：我们把它作为AIR程序而不是浏览器程序的原因是，twitter缺少一个跨域的方针，对Flash Builder 4来说不是个技术问题。

转换到设计视图

更换到spark.layouts.VerticalLayout

在 Data/Services 栏里，选 Connect to Data/Service

选择HTTP作为服务类型

填写表格如下

在Operation域里，设定search作为名称， http://search.twitter.com/search.json作为URL 。

点击Parameters 里的ADD按钮，设定名称为q。最后，输入TwitterSearch 作为service名称。

右击search method nam，选择Configure Return Type

将Auto detect option作为被选项，进入下一步

向Auto Detect输入 Value to Auto Detect (我选择 flex)

在new data type里输入名字（我选择twitterResults）

右击search method, 选择Generate Form

保持原有选项，点击下一步

仅选择query 和completed_in

创建格式

从 Components/Controls 栏里拉出 DataGrid ，进入form，然后设定 标签为results

右击 DataGrid ，选择 Bind To Data – 选择  select Results 作为 DataProvider

右击 DataGrid  ，选择 Configure Columns

移除其它，仅保留  text, from_user, and created_at

运行程序

好了，显然，这不是最好看的 twitter search UI ，但是只需要几分钟就创建成功了，并且可以替换皮肤，装修得更好看些。所以，如果你很感兴趣，就动手吧，为程序加上好看的皮肤，我将贴出你的截图。