移动App设计工具Inventor.docVIP

移动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所示：先前已经提过，在「接口设计工具」中我们可以拉一些组件到手机画面中，例如我们可以为我们的应