header

导语:

    APP Inventor是一款专门在线开发安卓手机APP的入门级工具,它简单易用,而且开发的APP即做即用,只要你有好的想法,都可以尝试用它实现。本次活动就让我们揭开APP Inventor这款工具的神秘面纱,知道它长什么样啊,关键还要知道怎么操作啊。

 

    APP是什么?APP就是应用程序。见过智能手机上的一个一个的方方正正的小图标吗,点开来,就有各种各样的功能,有收看天气的、有通话的、有社交聊天的等等,没错,这就是一个一个的APP了。

不可思议

    “人到哪去了,怎么听见了门铃声,没看到人,难道是幻听?”姐姐纳闷的自言自语道,坐在一旁的弟弟却乐呵呵的笑起来了,哈哈,小朋友们,我想你们应该知道这是谁在捣鬼了吧。

魔术揭秘

没错,就是弟弟手中的手机。

打开“门铃响了”的APP,只要轻轻一碰屏幕,手机就发出“叮咚”声了!


 

讨论

1.接入互联网,打开网址:http://contest.appinventor.mit.edu/?locale=zh_CN,首次登录还需用你邮箱注册一个帐号,按照流程注册完成后,你就可以进入APP Inventor工具正式开发APP了。下次再打开上面这个网址登录时,只需输入你的邮箱和之前设定的密码就可以了。相信你对在线开发有了更深的理解。                                                                         

2.想一想,你以前所看过的APP界面中有哪些组件,对它们能进行哪些操作,操作后APP有什么响应?比如,打开天气播报的APP,你触碰“天气播报”的文字或图片后,APP有什么响应;触碰播放按钮后,APP又有什么响应?                                     

3.APP Inventor工具主要包括三大模块,一是APP的界面设计;二是APP后台的代码设计;三是APP开发过程中的调试。注意了!在程序设计中,调试是一个很重要的概念,每前进一小步,我们都要尽量调试。想想这是为什么?                       

制作过程

1.APP Inventor工具概况

APP Inventor中,每一个APP的开发都是一个独立的项目,在正式开发APP之前,我们需要“新建”一个项目,再给它起个名字,目前APP Inventor只支持英文名,所以我们的“门铃响了”APP的项目名称就是“DoorBell”了。

登录进APP Inventor后,最上面的一栏左边,有“项目”、“连接”、“打包APK”和“帮助”四个小栏目。实现对项目的整体控制。

单击“项目”,我们可以“新建项目”、“导入项目”、“导出项目”,也可以查看我们已经建立的所有项目(即“我的项目”)等。

“连接”负责项目开发过程中的手机和电脑的连接与调试。

“打包APK”即当我们完成了APP开发的所有工作后,把编辑好的所有内容打包成APP的安装文件(文件格式为.apk)。然后你只需下载到手机上并正常安装,即可使用你自己做的APP了。

APP Inventor主要有两大界面,分别是“组件设计”和“逻辑设计”。前者用来控制APP中的对象(组件),实现APP界面的设计;后者用来编写程序(代码),实现APP对用户及外部事件的响应(即设定应用程序的行为)。

 

 1组件设计界面

 2逻辑设计界面

 

“组件设计”界面分五大块,我们把每一块叫做一个面板,分别是“组件面板”、“工作面板”、“组件列表”面板、“组件属性”面板和“素材”面板。

“组件”是构成APP的的基本元素,类似于一道菜中的原材料。这里的基本元素又分了9类,我们主要用到的有6类,如下图所示。

 

每个“组件”都有自己的“属性”,就像每样东西都有属于自己的特征一样,比如桌子的材质、桌子的形状、桌面的花纹,我们身边的任何一个桌子都有属于它自己的特性;再比如我们每个人的名字、每个人的发型等等。同样,“组件面板”中的每个组件都有自己的属性,而且可以在“组件属性”面板对其进行设置。

任何一个项目都要用到一些组件,在“组件列表”面板中,我们可以看到正在开发的这个项目所用到的所有组件。

有些时候,我们还需从APP Inventor以外借用一些材料,这时我们可以先通过“素材”面板,进行文件上传,再在APP Inventor中进行调用。

至于“工作面板”,看到这个模拟手机的界面了吗,你只需从左边的“组件面板”中把你要的组件直接拖到“工作面板”就可以了,如果需要设置它的属性,再在“属性设置”面板中进行相关的设置就好了。

事实上,APP Inventor工具的代码模块的拖拖拉拉和组装拼接才更有趣。在“逻辑设计”界面,主要有“模块”面板和“工作面板”。你要做的就是从“模块”面板中把你要的代码模块拖到“工作面板”进行组装和拼接,实现你所需的功能就好了。

“模块”包括“内置块”和“组件块”,“内置块”是APP Inventor工具在开发任何项目中都有的,分了8种不同类型的块,每一种块都用不同的颜色进行了区分,均是计算机编程中重要的逻辑概念,包括控制语句、列表、变量、过程等;“组件块”则是你正在开发的项目中所添加的组件的相关代码模块,这样当你需要对某个组件进行行为控制时,就可以直接从该组件的代码模块中拖出来用了。

 

 

2.过程分析

在完成本次活动的APP中,我们总共要用到两个额外的素材,分别是一张门铃图案的图片和一个门铃音效的声音文件。所以,我们首先要通过“素材”面板的“文件上传”把doorbell.pngdoorbell.wav这两个文件上传到APP Inventor中。

1)组件设计

所需组件

所属板块

作用

属性设置

按钮

用户界面

呈现按钮图片;

定义被点击事件;

宽:充满;

高:自动;

图像:doorbell.png

音效

多媒体

播放门铃声

源文件:doorbell.wav

 

    这里,为了能够在“组件列表”中区分各个不同的组件,我们可以对其重命名,将“button1”重命名为“DoorbellButton”,将“音效1”重命名为“DoorBell”。                    

2逻辑设计

1) 按钮被点击事件

APP InventorAPP的内部结构是组件和行为。行为是什么?行为就是APP对事件的一个响应,就好像有人敲你家门了,你会去开门一样。所以“逻辑设计”部分要做的就是定义各种事件及其对应的响应。事实上,APP就是对事件做出响应的组件的集合。

APP Inventor中事件主要分五类,分别是用户发起的事件,比如你点击按钮、初始化事件、计时事件、动画事件和外部事件,比如手机收到短信。本节活动涉及到的事件就属于用户发起的事件。

从“模块”面板中的“DoorbellButton”按钮组件的代码模块集合中拖出红框中的代码模块,这个模块就表示如果“DoorbellButton”按钮被点击,将做出何种响应。


 

2) 定义按钮被点击事件的响应

因为我们要实现的功能是当按钮被点击时,手机发出门铃声,所以对于按钮被点击事件的响应就是调用“DoorBell”音效,让它播放。


 

(3)打包APK

完成组件设计和逻辑设计,并调试成功后,就可以打包APK并下载到手机中进行安装,成功安装后,一个新鲜的APP就正式出炉了。

 

3.知识点小结

1) APP Inventor工具概况

2) 组件及其属性的含义;

3) “按钮”组件的“被点击”事件;

4) “音效”组件的调用;

 

一秒变身魔术师

    这个APP虽然和魔术没什么很大的关系,但是拿到自己亲手做的第一个APP,是不是也很有成就感呢。

表演与收获

    手里拿着自己做的APP,感觉是不是特别棒!别忘了把你的作品拿给你身边的大伙伴和小伙伴看,然后让他们给你提提建议,或许你会有更多意想不到的收获。不妨把意见记下来再想想怎么改进呢。或者你自己做的过程都遇到了哪些问题,也可以作为收获记下来。