Adobe Flex 2 是一个跨平台的开发框架用于创建rich Internet applications (RIAs)。Flex允许你创建表现力丰富的高性能应用,它们可以运行在所有主流浏览器和操作系统上。
创建flex应用需要使用Adobe Flex Builder开发工具,这一工具基于Eclipse平台实现,Flex Builder可以独立运行,也可以作为Eclipse的插件使用。在得到这一工具的同时,我们就得到了Flex SDK,这一SDK也可以从网上免费下载得到。
第一步:创建一个项目
Start Flex Builder and select File > New > Flex Project from the main menu.
If you have the plug-in version of Flex Builder and you have a non-Flex-Builder
perspective open in Eclipse, select New > Other > Flex > Flex Project.
新项目向导被启动
选择数据服务方式,取决于服务端的配置,选择标准的XML。
输入项目名称、保存目录
完成项目创建。
在开始运行项目前,我们可以化两分钟游历一下Flex Builder的工作空间。
在开始运行前,确定Project菜单下的Build Automatically被选中。
保存文件后,点击RUN按钮,你能看到一个浏览器窗口被打开,你的flex应用就在其中运行。在你点击运行按钮后,首先应用文件中的XML标签被翻译成ActionScript,ActionScript被创建成SWF文件,SWF就可以在flash播放器中播放了。
现在关闭浏览器,返回Flex Builder
加入一个 <mx:label>放置在<mx:application> 标签中,我们可以使用工具的提示来完成这一标签。
<mx:label text="My first Flex application"></mx:label></mx:application></mx:label>
<mx:application>标签默认包含下列属性:</mx:application>
backgroundImage
由 fillAlphas 和 fillColors 属性决定
fillAlphas
[1.0,1.0]
fillColors
[0x9CB0BA,0x68808C]
backgroundSize
100%
paddingTop
24 pixels
paddingLeft
24 pixels
paddingBottom
24 pixels
paddingRight
24 pixels
horizontalAlign
Centered
如果你不想使用这些默认的设置,只是想用最简单的表现,可以在mx:Application标签中使用属性styleName="plain"。
<mx:application class="docEmphStrong" layout="vertical" xmlns:mx="http://www.adobe.com/2006/mxml">styleName="plain"/>
</mx:application>
改变text属性的值显示文本的内容。
Flex Builder提供了一个非常重要的功能,右击编辑器,从弹出菜单中选择 Replace With > Local History,一个大对话框出现。
Flex Builder提供了一个版本控制工具,帮助我们与前一次编辑比较或恢复到前一版本。