【App Inventor第7期】指南针

App Inventor 少儿编程 2106浏览 1评论
App Inventor第一期01

指南针在我们的日常生活中经常用到。今天,我们自己动手来制作一款指南针的App。

【学习目标】

1.了解方向传感器的功能和用途,以及其具体的属性。

2.了解画布和图像精灵组件,掌握其基本的属性设置。

3.掌握App的安装图标的设置。

【应用分析】

【App Inventor第7期】指南针

图1  安装界面

   【App Inventor第7期】指南针        【App Inventor第7期】指南针

   图2  运行界面1         图3  运行界面2

指南针(Compass)安装到手机上后界面如图1所示,点击指南针图标运行App,如图2和3所示。任意转动手机,指南针会伴随手机的方向不会显示不同的角度和方向。

视频演示:

【组件设计】

1.组件设计

新建一个项目,命名为“compass”。把项目中所用的素材3个图片文件(图标文件1.png、指南针2.png、参照线3.png)如图4所示,分别上传到开发网站后,就可以开始设计用户界面了。按图5所示添加所有组件,设计用户界面,按表1所示设置所有组件属性。

【App Inventor第7期】指南针

图4  素材文件

【App Inventor第7期】指南针图5:组件设计

表格1  组件属性设

【App Inventor第7期】指南针

2.用户界面设计视频

逻辑设计

【App Inventor第7期】指南针

图6 逻辑设计

【素材下载】

链接: https://share.weiyun.com/5AxO4um (密码:plur)

【备注】

1.背景颜色的值设为#181820ff,目的是使背景颜色和图片的背景颜色统一。

2.【App Inventor第7期】指南针

方向传感器用于确定手机的空间方位,该组件为非可视组件,以角度的方式提供下面三个方位值:

【App Inventor第7期】指南针

翻转角:当设备水平放置时,其值为0°;并随着向左倾斜到竖直位置时,其值为90°,而当向右倾斜至竖直位置时,其值为-90°。

倾斜角:当设备水平放置时,其值为0°;随着设备顶部向下倾斜至竖直时,其值为90°,继续沿相同方向翻转,其值逐渐减小,直到屏幕朝向下方的位置,其值变为0°;同样,当设备底部向下倾斜直到指向地面时,其值为-90°,继续沿同方向翻转到屏幕朝上时,其值为0°。

方位角:当设备顶部指向正北方时,其值为0°,正东为90°,正南为180°,正西为270°。

转自公众号:
Silence学习坊

您必须 登录 才能发表评论!

网友最新评论 (1)

  1. 素材没有了
    snow2年前 (2019-09-20)