论坛首页 编程语言技术论坛

如何创建第一个FLEX RIA应用程序及打包

浏览 3378 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-06-29   最后修改:2009-06-29

在开发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的文章,希望对入门者有所帮助

  • 大小: 60.3 KB
  • 大小: 8.2 KB
  • 大小: 14.9 KB
  • 大小: 37 KB
  • 大小: 46.5 KB
  • 大小: 30.2 KB
  • 大小: 33.9 KB
  • 大小: 10.3 KB
  • 大小: 24.3 KB
论坛首页 编程语言技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics