在Android程序上以AIR为基础创建你的第一个 Flex

Adobe Flash Builder 4 简体中文正式版 Windows版点击下载：http://g.youkuaiyun.com/5134151

Adobe Flash Builder 4 简体中文正式版 Mac版点击下载 ：http://g.youkuaiyun.com/5134152

Adobe 在线课堂：http://adobev.youkuaiyun.com/zx/index.html

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

lex Builder Burrito终于呈现给我们了。我知道你急着开始构建基于Flex的Android程度。这篇指导文章会带你一步步创建你的第一个在Android上针对Adobe AIR运行的Flex多屏幕程序。

我们来创建你的第一个程序吧。

下载Flash Builder Package 和Source - AIRFlexonAndroid.fxp

步骤1：选择File -> New -> Flex Mobile Project

 

步骤 2: 输入项目名称:AIRFlexonAndroid

步骤3: 确保Google Android 和Mobile Application 被选用。

 

步骤4: 保持原有debug path，点击 next，因为我们不会使用程序服务器。

步骤 5: 直接点击Finish

这样创建了一个全新的Flex移动项目。注意，缺省文件和初始视图自动创建。

好了。我们有了这么一个项目，就开始更新代码吧。为了进行简单的演示，我们将创建一个导航系统及几个屏幕。

创建home navigation:
打开缺省文件，名称为AIRFlexonAndroid.mxml，在.之后添加下列代码。这样，会添加一个按钮，当点击时，按钮会通知内置导航栏转到popToFirstView。你会问啦，哪个是第一个视图呢？Android导航系统上的Flex AIR是基于ViewNavigators，因此要更换视图，你只需通知导航工具需要做什么，然后导航系统会做出相应反应。注意，在标签里，firstView属性被设置到views.AIRFlexonAndroidHome，这是一个文件，当你创建项目时会自动生成。因此，当你点击Home button时，会发生什么呢?是的，views.AIRFlexonAndroidHome视图会上载。

 

 

 

<s:navigationContent> 

<s:Button label="Home" click="navigator.popToFirstView()"/>

</s:navigationContent>

 

你的AIRFlexonAndroid.mxml文件现在应该有如下代码：

 

 

<?xml version="1.0" encoding="utf-8"?>

<s:MobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 

 xmlns:s="library://ns.adobe.com/flex/spark" 

 firstView="views.AIRFlexonAndroidHome">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

</fx:Declarations>

 

<s:navigationContent> 

<s:Button label="Home" click="navigator.popToFirstView()"/>

</s:navigationContent>

 

</s:MobileApplication>

 

添加一些屏幕：

下一步，我们来向AIRFlexonAndroidHome.mxml文件添加一些内容。从视图包里打开这个文件，在 :之后添加下面的代码：

 

<s:Button label="Go To Screen 1" 

click="navigator.pushView(views.Screen1)"

horizontalCenter="0"

verticalCenter="0"/>

 

 

你的AIRFlexonAndroidHome.mxml文件应该是这个样子：

 

 

<?xml version="1.0" encoding="utf-8"?>

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 

xmlns:s="library://ns.adobe.com/flex/spark" title="Home">

<fx:Declarations>

<!-- Place non-visual elements (e.g., services, value objects) here -->

</fx:Declarations>

 

<s:Button label="Go To Screen 1" 

  click="navigator.pushView(views.Screen1)"

  horizontalCenter="0"

  verticalCenter="0"/>

 

</s:View>

 

在emulator里运行：

现在，我们在emulator里运行程序。打开AIRFlexonAndroid.mxml 文件，点击play按钮，选择Run As -> Mobile Application，下面的窗口会打开：

 

选择on desktop做为Launch的方法，然后选择一个设备模拟。点击apply然后run;

 

Emulator会打开，你就可以使用按钮或者顶部的HOME按钮在程序内导航了。注意，屏幕的名称显示在顶部导航栏home button的右边。这由我之前提到的View标题属性控制。

 

 

好了。这样，你就创建了一个运行在emulator上的基于Android版AIR的Flex程序了。

运行在设备上:
你有了Android 设备么？很好。你可以继续阅读这份指南了。将你的设备插入到USB接口，点击Run -> Run Configurations。

 

 

这次，将Launch方法改成On Device, 然后点击Run。（你可能会在屏幕上看到要求你刷新，以找到你的设备，但是很可能，你的程序会如在Droid2上所示，在设备上launch）。