王歌瑶App Inventor2程序开发课程(6)

MakeCourse

ZMAKER

Hello,大家好,我是歌瑶。

我们已经能够熟练的使用mBlock进行有趣的程序游戏设计并且控制一下makeBlock机器人,比如mBot。那怎样使用手机来设计控制机器人呢?当然是用makeBlock自己配套的App啦。

No·No·no

我们学习AI2的目的就是想要自己设计一个App来控制一下机器人。所以刚刚好。

打开AI2在线开发环境,国内服务器http://app.gzjkw.net,登陆,然后新建项目“MymBot”,想要方便的连接控制makeBlock机器人,首先导入一个makeBlock提供的一个插件。选择左侧“组件面板”最后一个“Extension”,点击“Import extension”。

弹出的对话框,选择“url”选项卡,把下面链接地址粘贴到Url输入框里,点击“Import”。如果不想重命名导入的插件名字,点击确定即可。

http://appinventor.makeblock.com/com.makeblock.appinventor.MBot.aix

mBot插件导入成功之后,组件面板的下方“Extension”会出现“mBot”插件标识。

插件导入成功,就可以开始设计App界面布局了。

从“组件面板”的“用户界面”里拖出一个“列表选择框”,设计一下“列表选择框”的属性,包括显示文字。如下图:

列表选择框的作用是为了存放蓝牙设备名称,因为手机App控制mBot小车是通过蓝牙通讯控制的。

接着,设计一下控制按钮命令。如下图:

放一个3*3的表格布局,尺寸设置为充满界面。再在对应的单元格位置放置5个按钮,并且改变一下其属性。

界面设计的最后,把我们刚刚导入的mBot插件拖进工作面板区域。注意的是,该插件为非可视组件。

然后,就可以进行逻辑程序设计了。

首先,需要确定我们之前的“列表选择框”内的蓝牙设备名称,和如果选择连接正确的mBbot蓝牙设备之后才可以进行下一步。

连接正确的蓝牙设备之后,我们开始设计控制mBot按钮命令。

这里我的不同按钮对应的控制命令是:

所以,设计的控制程序是:

最后,打包apk并显示二维码,如果编译无误,使用手机浏览器扫描出现的二维码,就能够把刚做的App下载安装到手机上,打开连接附近mBot蓝牙设备。就能够进行控制了。

想要美化一下App图标的可以回到组件设计,点击选择顶级父级框架“screen1”,改变其属性里面的图标选项。这里我选择这个。

最后附上mBot其他命令说明和官方参考链接:http://learn.makeblock.com/en/use-mbot-with-app-inventor/

↓ 更多精彩作品 ↓

Processing系列教程

CAD轻量化教程

Arduino开发入门教程

Scratch图形化编程教程

App Inventor程序开发课程

《玩儿转Micro: bit》系列

Magicavoxel像素体3D建模

Linux基础入门课程

Python入门&人工智能

人工智能先修课程

开放 融合 创造

未完待续

欢迎好奇宝宝们来玩儿!个人参观可直接空降~

团体参观请联系后台,或根据下方联系方式提前预约~

交通路线:乘坐地铁1号线梧桐街站A出口)

河南省国家大学科技园南配1号楼东1-2层

欢迎关注我们的新浪微博@郑州创客空间

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180305B13NV700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券