指南针APP开发.docx

指南针APP开发.docx

《指南针APP开发.docx》由会员分享，可在线阅读，更多相关《指南针APP开发.docx（16页珍藏版）》请在冰豆网上搜索。

指南针APP开发

指南针APP制作

一、活动分析

通过开发“指南针”应用，用手机在野外能找着“北”。

效果如图9-1所示。

本活动开发包括画布、图像精灵、计时器和方向传感器。

图9-1指南针运行界面

在这个应用中，用户只需要平放手机，就可以判断出东西南北的具体方向。

二、活动目标

1．掌握指南针的制作方法；

2．会用画布、图像精灵等进行组件设计；

3．理解程序编程的逻辑，掌握指南针的原理。

三、活动实施

1．环境登录

用Google浏览器打开然后按照要求注册或者用QQ号登录，如图9-2所示。

图9-2环境准备登录

图9-3登录后界面

2．新建项目

单击窗口上部左侧的“新建项目”按钮，开发项目。

单击“新建项目”后，会出现如图9-4所示的提示，请输入项目名称。

图9-4新建项目

3．素材

本项目需要一个指南针的图片素材。

我们上XX去搜索。

图9-4XX搜索指南针图片

如图9-4所示，我们点击第三个搜索结果，进入XX图片，如图9-5所示。

我们就选用第2页的这个蓝色的图片吧。

暂时保存到桌面，并把图片另存为znz.jpg。

4．组件设计

组件设计主要有画布、图像精灵、计时器和方向感器，它们以垂直布局排列，画布用于存放图像精灵，图像精灵用于显示指定的图片znz.jpg，计时器用于计时，还有就是方向传感器，让计时器每秒钟去获取方向传感器的方位角。

请在组件面板中，找到相应的组件，并把它拖到工作面板里去，然后按照图9-7（五幅属性组图）所示的属性在属性面板进行设置。

设计效果如图9-6组件列表所示。

分别点击组件列表中的Screen1、画布1、图像精灵1、计时器1和方向传感器1，如下面的图所示把它们对应的属性进行设置。

其中Screen1图标和图像精灵1的图片，均使用刚刚下载到桌面的znz.jpg,当然要先上传文件。

图9-6组件列表图

Screen1的属性图

画布1的属性图

图像精灵1的属性图

计时器1的属性图

方向传感器1的属性图

6．逻辑设计

现在，单击右上角“逻辑设计”按钮进行程序设计。

图9-8指南针逻辑设计

到现在，程序已经编写完毕，接下来是连接测试阶段，在在线环境下有三种连接方式，我们强烈推荐采用AI伴侣方式。

7．连接测试

在编程环境中，点击“帮助”菜单，如图9-9所示。

图9-9帮助菜单

再选“AI同伴信息”，如图9-10所示。

图9-10AI伴侣2.35的二维码

用手机扫描二编码，把AI伴侣2.35下载到手机并安装，有可能会报有病毒，其实我们写出来的APK也会报可能有病毒，这是AppInventor一直以来被误报的情况，继续使用就行。

提示：

手机必须连接WIFI，并且跟编程使用的电脑在同一个局域网内。

手机安装好AI伴侣2.35后，如图9-11所示，一般情况都是在手机的应用列表的最后一个。

图9-11安装AI伴侣后

运行AI伴侣，如图9-12所示。

图9-12AI伴侣2.35

点击ScanQRcode，就可以扫描编程环境的调试二维码，这里大家可以认真看一下下面的IP地址，看是不是跟自己的编程电脑的IP地址在同一个局域网中，如果手机是用4G而没有用WIFI的话，是调试不了的。

回到电脑的编程环境，点击“连接”，再选“AI伴侣”，如图9-13所示。

图9-13连接AI伴侣

将出现AI伴侣连接的二维码，就可以用运行着AI伴侣的手机去扫描了。

图9-14伴侣二维码

回到手机，扫描了二维码后的情况如图-9-15所示。

图9-15

四、活动扩展

画布放一个时钟表盘，用三个图像精灵分别做时针、分针、秒针，可以做一个漂亮的时钟。

时钟参考逻辑设计如图9-16所示。

图9-16