王歌瑶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像素体３D建模

Linux基础入门课程

Python入门&人工智能

人工智能先修课程

开放 融合 创造

未完待续

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

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

交通路线：乘坐地铁1号线梧桐街站（A出口）

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

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