如何创建第一个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的文章,希望对入门者有所帮助

评论

2 楼 zinssersanjin 2009-09-02  

很好的例子啊！怎么没有人顶？！对新手的确有用！

1 楼 wangguorui89 2009-07-24  

顶你。太好了