构建第一个Flex的Mobile APP

Flash Builder 4.5已经支持直接创建Flex Mobile Project，写一个最简单的例子

1、建立工程

右击--》新建--》输入工程名“MyFirstMobileApp”

点击“Next”进入下一步

修改初始化的标题文本信息为“Home”（默认为HomeView），勾选“Google Android”、“Automatically reorient”（默认这些已经都勾选了），然后点击“Finish”

系统将自动生成一个views包，如下图所示：

2、编写代码

双击“MyFirstMobileAppHomeView.mxml”，拖拽一个VGroup组件，然后删除x、y属性，修改width、height均为100%，添加horizontalAlign=”center” verticalAlign=”middle”，让其内容水平、垂直居中

在里面放置一个Label和一个Button，然后再给Button添加一个事件，完整的代码：

<?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="HomeView"><fx:Declarations><!-- Place non-visual elements (e.g., services, value objects) here --></fx:Declarations>

<fx:Script><![CDATA[            private function button1_clickHandler(evt:MouseEvent):void {                navigator.pushView(MyNewView);            }        ]]></fx:Script>

<s:VGroup width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"><s:Label text="Hello,World!"/><s:Button label="Continue" click="button1_clickHandler(event)" /></s:VGroup></s:View>

事件中navigator.pushView的参数MyNewView为接下来准备创建的Component(组件)

在views包中添加一个组件，命名为“MyNewView”

同MyFirstMobileAppHomeView.mxml一样，在MyNewView.mxml也同样放置一个Label和一个Button组件，然后给它的Button添加一个事件，点击后让它回到Home(主页)，完整的代码：

<?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="SecondScreen"><fx:Declarations><!-- Place non-visual elements (e.g., services, value objects) here --></fx:Declarations>

<fx:Script><![CDATA[            protected function button1_clickHandler(event:MouseEvent):void            {                navigator.popView();             }        ]]></fx:Script>

<s:VGroup width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"><s:Label text="Success!"/><s:Button label="Back" click="button1_clickHandler(event)"/></s:VGroup>

</s:View>

现在工程的目录结构：

右击工程，选择Debug AS –> Mobile Application

在弹出的面板中，选中“Launch method”的第一项“On deskop”，然后在下拉框中选择“HTC Desire”

应用并调试(Debug)，这里因为没有应用任何的样式所以外观看上去有些粗糙 :(

应用样式后，看上去就不一样了，看上去很Nice..

转载于:https://www.cnblogs.com/meteoric_cry/archive/2011/07/06/2099612.html

构建第一个Flex的Mobile APP相关推荐

[译] 用 Redis 和 Python 构建一个共享单车的 app
原文地址:Build a bikesharing app with Redis and Python 原文作者:Tague Griffith 译文出自:掘金翻译计划本文永久链接:github.com ...
构建meteor应用程序_我构建了一个渐进式Web应用程序并将其发布在3个应用程序商店中。这是我学到的。...
构建meteor应用程序 by JudahGabriel Himango 犹大(Gabriel Himango) 我构建了一个渐进式Web应用程序并将其发布在3个应用程序商店中. 这是我学到的. (I ...
telegram 机器人_我在周末构建了一个无服务器的Telegram机器人。这是我学到的。...
telegram 机器人 by Moses Soh 通过摩西·苏(Moses Soh) 我在周末构建了一个无服务器的Telegram机器人. 这是我学到的. (I built a serverless ...
我如何为我的第一个自由客户构建第一个React Native应用程序
by Charlie Jeppsson 查理·杰普森(Charlie Jeppsson) 我如何为我的第一个自由客户构建第一个React Native应用程序 (How I built my firs ...
用Flutter + Dart快速构建一款绝美移动App
作者 | Wojciech Kuroczycki 译者 | 弯月来源 | CSDN(ID:CSDNnews) 如今,与前端或移动相关的新框架层出不穷.所有从事Web开发的人都应该熟悉各种目不暇接的新 ...
Spring Boot-Spring Tool Suit + Gradle 构建第一个Spring Boot 项目01
文章目录概述使用Spring Tool Suite构建Spring Boot项目下载STS 插件安装搭建第一个Spring Boot项目启动项目概述通常,构建一个Spring Boot项 ...
如何构建一套高可用的 APP 消息推送平台
转载自如何构建一套高可用的 APP 消息推送平台消息推送作为移动 APP 运营中的一项关键技术,已经被越来越广泛的运用.本文追溯了推送技术的发展历史,剖析了其核心原理,并对推送服务的关键技术进行 ...
不用掉一根头发！用 Flutter + Dart 快速构建一款绝美移动 App
作者 | Wojciech Kuroczycki 译者 | 弯月出品 | CSDN(ID:CSDNnews) 如今这个时代,与前端或移动相关的新框架层出不穷.所有从事Web开发的人都应该熟悉各种目不 ...
Kaggle项目之Mobile App Store
Mobile APP Store数据集项目介绍目前手机应用商店里App种类繁多,并且数量也一直在增加,想要成为一款受欢迎的应用越来越困难,因此对APP下载数据和评分数据进行分析成为帮助App开发者 ...

构建第一个Flex的Mobile APP

构建第一个Flex的Mobile APP相关推荐

最新文章

热门文章