指南针APP开发.docx

1、指南针APP开发指南针APP制作一、活动分析通过开发“指南针”应用，用手机在野外能找着“北”。效果如图9-1所示。本活动开发包括画布、图像精灵、计时器和方向传感器。图9-1指南针运行界面在这个应用中，用户只需要平放手机，就可以判断出东西南北的具体方向。二、活动目标1掌握指南针的制作方法；2会用画布、图像精灵等进行组件设计；3理解程序编程的逻辑，掌握指南针的原理。三、活动实施1环境登录用Google浏览器打开然后按照要求注册或者用QQ号登录，如图9-2所示。图9-2 环境准备登录图9-3 登录后界面2新建项目单击窗口上部左侧的“新建项目”按钮，开发项目。单击“新建项目”后，会出现如图9-4所示的

2、提示，请输入项目名称。图9-4 新建项目3素材本项目需要一个指南针的图片素材。我们上XX去搜索。图9-4 XX搜索指南针图片如图9-4所示，我们点击第三个搜索结果，进入XX图片，如图9-5所示。我们就选用第2页的这个蓝色的图片吧。暂时保存到桌面，并把图片另存为znz.jpg。4组件设计组件设计主要有画布、图像精灵、计时器和方向感器，它们以垂直布局排列，画布用于存放图像精灵，图像精灵用于显示指定的图片znz.jpg，计时器用于计时，还有就是方向传感器，让计时器每秒钟去获取方向传感器的方位角。请在组件面板中，找到相应的组件，并把它拖到工作面板里去，然后按照图9-7（五幅属性组图)所示的属性在属性面

3、板进行设置。设计效果如图9-6组件列表所示。分别点击组件列表中的Screen1、画布1、图像精灵1、计时器1和方向传感器1，如下面的图所示把它们对应的属性进行设置。其中Screen1图标和图像精灵1的图片，均使用刚刚下载到桌面的znz.jpg,当然要先上传文件。图9-6组件列表图Screen1的属性图画布1的属性图图像精灵1的属性图计时器1的属性图方向传感器1的属性图6逻辑设计现在，单击右上角“逻辑设计”按钮进行程序设计。图9-8 指南针逻辑设计到现在，程序已经编写完毕，接下来是连接测试阶段，在在线环境下有三种连接方式，我们强烈推荐采用AI伴侣方式。7连接测试在编程环境中，点击“帮助”菜单，如

4、图9-9所示。图9-9 帮助菜单再选“AI同伴信息”，如图9-10所示。图9-10 AI伴侣2.35的二维码用手机扫描二编码，把AI伴侣2.35下载到手机并安装，有可能会报有病毒，其实我们写出来的APK也会报可能有病毒，这是App Inventor一直以来被误报的情况，继续使用就行。提示：手机必须连接WIFI，并且跟编程使用的电脑在同一个局域网内。手机安装好AI伴侣2.35后，如图9-11所示，一般情况都是在手机的应用列表的最后一个。图9-11 安装AI伴侣后运行AI伴侣，如图9-12所示。图9-12 AI伴侣2.35点击Scan QR code，就可以扫描编程环境的调试二维码，这里大家可以认真看一下下面的IP地址，看是不是跟自己的编程电脑的IP地址在同一个局域网中，如果手机是用4G而没有用WIFI的话，是调试不了的。回到电脑的编程环境，点击“连接”，再选“AI伴侣”，如图9-13所示。图9-13 连接AI伴侣将出现AI伴侣连接的二维码，就可以用运行着AI伴侣的手机去扫描了。图9-14 伴侣二维码回到手机，扫描了二维码后的情况如图-9-15所示。图9-15四、活动扩展画布放一个时钟表盘，用三个图像精灵分别做时针、分针、秒针，可以做一个漂亮的时钟。时钟参考逻辑设计如图9-16所示。图9-16