移动App设计工具Inventor

打开文本图片集

【摘要】本文介绍一种用于开发android程序的可视化编程工具Google App Inventor。Google App Inventor是由谷歌开发，可以使没有编程基础的初学者很轻松的构建移动应用程序，只需要通过拖拽基于块的接口，就像玩乐高积木式一样来完成Android程序，而不是写复杂的代码。使用移动技术和接口，它能使用户很快的构建应用程序，例如位置服务和游戏。

【关键词】App Inventor；移动应用；智能手机；手机游戏设计

1.引言

随着智能手机的普及，很多年轻人对移动应用程序的开发产生了兴趣，可是如果没有Java编程基础，完成android程序是很困难的。Google App Inventor就是为没有编程基础又对移动程序开发感兴趣的人设计开发的。

Google App Inventor是一个完全在线开发的Android程序环境，抛弃复杂的程序代码而使用乐高积木式的堆栈法来完成Android程序。除此之外它也正式支持乐高NXT机器人，对于Android初学者或是机器人开发者来说是一大福音。因为对于想要用手机控制机器人的使用者而言，他们不大需要太华丽的界面，只要使用基本组件例如按钮、文字输入输出即可。

2.App Inventor

App Inventor是Google针对Android平台，于2010年提出的以浏览器为基础的开发工具，开发者只要使用平常用来浏览网页的浏览器便能开发Android设备上的应用程序，而开发者所设计的应用程序项目（Project）会放在云端储存起来。图1是一个范例，我们进入开发页面后，就可以管理自己储存于云端的应用程序项目，用户可以下载自己的项目储存于自己的计算机上，并分享给其他人，其他人只要将所收到的项目，利用自己于App Inventor的账号，再上传到自己的空间即可。

3.所用开发工具的具体情况

App Inventor所提供的开发工具可分成三类：接口设计工具（Designer）、程序行为编辑器（Blocks Editor）与模拟器（Emulator），下面将分别一一做介绍。

3.1 接口设计工具（Designer）

「接口设计工具」是用来将应用程序所需要用到的组件，如按钮、显示文字用的标签等，摆放到手机屏幕上，也就是做用户接口的设计，用户于图1的项目管理页点选某一个项目或者建立一个新项目后就会进入此接口设计工具，接口设计工具可再细分成五个部份：组件调色盘（Palette）、画面预览（Viewer）、使用组件列表（Components）、上传媒体档案（Media）与属性设定（Properties），下面将分别做介绍：

组件调色盘（Palette）：

组件调色盘里包含了许多内建的组件，如按钮、显示文字用的卷标、安排子组件摆放位置的组件等，组件可进一部分成「可看见」与「无法看见」，「可看见」的组件如按钮，用户可于手机的屏幕上直接看到按钮，而「无法看见」的组件则如数据库（TinyDB）、时钟（Clock）、位置传感器（LocationSensor）等，我们无法于此一一介绍每个组件，然而读者可于官方网站查询到各个组件的用途与使用方法。

画面预览（Viewer）：

画面预览是让开发者可以预先看见当应用程序完成后，手机的显示效果，开发者可藉此画面调整组件的摆放位置。

使用组件列表（Components）：

当开发者从组件调色盘拉了组件到画面预览的窗口内时，该组件就会出现在使用组件列表里，代表开发者使用了该组件，我们可以帮组件取一个有意义的名字，例如一个游戏内可能有一个「开始按钮」，玩家按下后便可开使进行游戏，则我们可将此按钮命名成StartButton，如此可增加程序的易读性。

上传媒体档案（Media）：

有时我们会希望我们的应用程序内有一些影音多媒体，透过「上传媒体档案」的功能，我们可以将储存在自己计算机内的影音文件上传至App Inventor的服务器。

属性设定（Properties）：

当我们在使用组件列表里点选一个组件后，该组件会反白，并且我们可以在属性设定的窗口设定该组件的属性，以显示文字用的Label组件为例，我们可以在属性设定窗口设定文字的字体大小、字体颜色、文字内容等属性，当然稍后我们也可以在程序中修该组件属性。

3.2 程序行为编辑器（Blocks Editor）

在「接口设计工具」画面的右上方，我们可看到一个名为「Open the Blocks Editor 」的按钮，按下后就可以进入程序行为编辑器，如图2所示：先前已经提过，在「接口设计工具」中我们可以拉一些组件到手机画面中，例如我们可以为我们的应用程序增加一个按钮，然而这个按钮目前没有任何的作用，按下去不会有任何的反应，为了要让这个按钮发挥作用，我们必须在「程序行为编辑器」定义这个按钮的行为，因此程序行为编辑器就是让开发者定义程序行为，也就是写程序的地方。

在「程序行为编辑器」的画面左侧有一些程序「积木」（Blocks），透过这些积木的组合，我们便可以完成程序的行为定义，这些积木分为两类：「内建积木」与「使用者自创积木」。内建积木提供了一些一般程序语言里该有的功能，如变量的定义、流程控制（if，for，while等）、简单的数学函式等；使用者自创积木则是使用者自行定义的积木，我们于接口设计工具所新增的组件都算是我们自行定义的积木，而我们定义的变量也都是自行定义的积木。关于更多「程序行为编辑器」的说明，读者可至App Inventor的官方网站查询。

3.3 模拟测试工具（Emulator）

当我们将接口设计好，并将程序行为定义好后，我们可以说已经完成应用程序的制作，此时我们会尝试执行我们所设计好的应用程序，以便检查程序是否有问题。如果我们有Android平台的手机，我们可在「程序行为编辑器」右上方的「Connect to Device」选项，选择联机到我们的Android平台手机，如此便能测试我们的程序。然而如果我们没有Android平台的手机，我们可以先按下「New emulator」，便可使用仿真器，我们可于仿真器上执行我们的程序，用以检查程序是否有问题。若程序执行有问题，我们就必须回到「接口设计工具」或「程序行为编辑器」将问题做修正后再重新测试。

4.结论

本论文介绍了App Inventor这个由Google于2010年发表的开发工具，我们可以利用App Inventor做一些简单的程序。App Inventor适合无Java基础的初学者，操作概念很类似Scratch，全云端，所有作业都在浏览器完成。它有很多的优点，但是也不可否认，App Inventor目前也还是测试阶段，也有一些问题，比如实例文档还不够丰富，组件种类还不够多等。随着Google进一步的完善，以后会有很多对移动程序开发感兴趣的人来使用App Inventor，到那时一定会有很多用App Inventor设计的程序出现的。

参考文献

[1]Android Programming Website，http：//asia.edu.tw/～lincyu/Android/android.html.

[2]Android.com，http：///.

[3]App Inventor for Android，http：//appinventor.googlelabs.com/about/.

[4]Chu，H.-C.，Hwang，G.-J.，Tsai，C.-C.，and Tseng，J.C.R.，"A two-tier test approach to developing location-aware mobile learning systems for natural science courses，"Computers & Education，Vol.55，No.4，December 2010，pp.1618-1627.

作者简介：张居彦（1979—），男，宁夏中卫人，南开大学软件工程硕士，讲师，工程师，现供职于天津电子信息职业技术学院，研究方向：电子商务、移动互联网。

推荐访问： 工具 设计 APP Inventor