如何创建第一个FLEX RIA应用程序及打包
在开发RIA之前,请确保以下环境存在
1.下载 Adobe AIR
2.下载并安装Adobe Flex Builder 3?或者 Flex 3 SDK.(Flex Builder3自带FLEX?3 SDK)
?
环境准备好,接下来就创建我们的第一个RIA 应用程序
1.打开flex builder 3
?打开文件菜单,并新建flex项目
?
?输和工程名HelloWorldAir,直接Finish即可.
项目创建成功后,会出现如图
2.打开HelloWorldAir.mxml文件,里面自动生成了
?
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
?
</mx:WindowedApplication>
3.我们在里面加入
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="土匪RIA">
?<mx:Style>
??? WindowedApplication
??? {
??????? background-color:"0x999999";
??????? background-alpha:"0.5";
??? }
?</mx:Style>
?<mx:Script>
?? <![CDATA[
??????????? import mx.effects.easing.*;??????????????????
??????? ]]>
?</mx:Script>
?<mx:Sequence id="movePauseMove">
??????? <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
??????? <mx:Glow duration="500"
??????? alphaFrom="1.0" alphaTo="0.3"
??????? blurXFrom="0.0" blurXTo="50.0"
??????? blurYFrom="0.0" blurYTo="50.0"
??????? color="0x00FF00"/>
??????? <mx:Pause duration="500"/>
??????? <mx:Glow duration="500"
??????? alphaFrom="0.3" alphaTo="1.0"
??????? blurXFrom="50.0" blurXTo="0.0"
??????? blurYFrom="50.0" blurYTo="0.0"
??????? color="0x0000FF"/>
??????? <mx:Move xBy="-150" duration="500" easingFunction="Bounce.easeIn"/>
??? </mx:Sequence>
??
???
?<mx:Label text="http://pzmayf.iteye.com" horizontalCenter="0" verticalCenter="0"
??fontFamily="Arial" fontWeight="bold" fontSize="20"
?? moveEffect="{movePauseMove}"
?? />
</mx:WindowedApplication>
4.运行项目
?
界面如图,你可以点击最大化按钮看看字体的效果.
咋一看,这界面很丑,哈哈.
没关系,我们打开HelloWorldAir-app.xml
找到
<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
??<!-- <systemChrome></systemChrome> -->
??<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
??<!-- <transparent></transparent> -->
把它们修改为
<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
??<systemChrome>none</systemChrome>
??<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
??<transparent>true</transparent>
保存,再次运行项目(点击最大化按钮可看到字体的效果)
?
?
5.打包air项目
右击项目名称,选择导出最终版本(Release Bulid)
?
一直NEXT,直到出现
?
?
注意第一次打包air时,是没有Certificate,你必须要创建一个(点击create...)
?
?
照着上面的输就行了,录入完毕OK即可.接着finish就整个打包完成了.
?
?
有没有看到上面的多了个HelloWorldAir.air,如果出现说明就打包成功.
你可以自已试着安装HelloWorldAir.air,出来的效果和我们调试中是一样的.
?
写的有点累了,就这样吧,以后为大家多提供点flex的文章,希望对入门者有所帮助
1 楼 wangguorui89 2009-07-24 顶你。太好了 2 楼 zinssersanjin 2009-09-02 很好的例子啊！怎么没有人顶？！对新手的确有用！