[入门教程]【MIT IoT官方教程10】RGBLCD 精华

查看: 204|回复: 1

[入门教程] 【MIT IoT官方教程10】RGBLCD

[复制链接]
本帖最后由 szjuliet 于 2019-10-4 22:15 编辑

App Inventor + IoT:RGBLCD app(Arduino101)

实验目标
本教程使用App Inventor + IoT和与Arduino 101控制器连接的RGB LCD显示屏,RGB LCD是彩色液晶显示屏,它还可以显示文本。设计一个app,可以在手机上改变RGB LCD的背光颜色,也可以给它发送信息。 我们还使用了Seeed Grove扩展板。扩展板可选,它可以让实验易于操作。推荐的LCD是Grove LCD RGB。

实验器材
•       主控板:Arduino 101
•       扩展板:Seeed Grove(可选)
•       其他:Grove LCD RGB背光屏
201910049667.png

打开ino文件
•       打开AIM- for –Things – Arduino 101.ino文件,将SOUND_RGBLCD设置为ENABLED
•       点击窗口上方的向右箭头,将代码上传到Arduino 101控制板中
201910049418.png

界面设置:
•       打开IoT_BaseConnect.aia项目文件并另存为IoT_LCDRGB
•       从用户界面中拖动一个标签放到标签_数据蓝牙列表之间
•       将标签重命名为标签_数据
•       设置其文本属性为”数据: “
•       从用户界面中拖动一个列表选择框放到蓝牙列表下方,重命名为列表选择框_选择背景颜色,文本属性修改为“选择背景颜色”
201910049172.png
•       接着添加一个文本输入框到列表选择框下方,宽度设置为“充满”,提示设置为“输入需要发送的信息”
•       在文本输入框的下方添加一个按钮,重命名为“按钮_发送信息”,文本修改为“发送信息”
201910042028.png
•       在组件面板中,点击Extension,导入插件
•       将Arduino101RgbLcd拖到工作面板中
                   将其BluetoothDevice属性设置为BluetoothLE1
201910041534.png

导入插件方法
•       方法1:将aix文件下载,选择“Frommy computer”导入
•       方法2:点击URL,直接将网址输入导入http://iot.appinventor.mit.edu/assets/resources/edu.mit.appinventor.iot.arduino101.aix
201910042746.png
201910043728.png

逻辑设计:当蓝牙连接成功后
•       标签显示为“已连接”,隐藏蓝牙列表
•       调用过程Arduino101RgbLcd1.SetText发送文本“已连接!”
•       调用过程Arduino101RgbLcd1.SetBackgroundColor设置背景颜色
•       设置列表选择框_元素字串为“赤, 橙, 黄, 绿, 青, 蓝, 紫, 灰, 白”
201910041731.png

逻辑设计:点击按钮_发送信息
•       调用过程Arduino101RgbLcd1.SetText发送当前文本输入框中的文本
•       清空文本输入框
201910049843.png

逻辑设计:从列表选择框选择背景颜色后
•       从列表选择框选择了一种背景颜色后,根据选择的颜色调用过程设置LCD的背景色
•       逻辑设计里使用if … else if
201910044061.png
测试应用
•       蓝牙设备连接成功,显示“已连接”
•       选择不同的背景色,看显示屏的背景色是否有变化
•       输入一段文本,点击“发送信息”,看显示屏是否正常显示。
201910043518.png

思考:一种更优雅的编程方式:列表
•       定义一个列表变量colorList,屏幕初始化后该变量赋值为一个嵌套列表,第二层列表的索引1是颜色字符串列表;索引2是颜色列表
201910047733.png
•       将列表选择框的选择项修改为变量colorList索引值为1的项,即颜色字符串列表
201910043282.png
•       用户选择了某种颜色后,将该颜色的索引值求出,找到其在colorList索引值为2的列表中的位置所对应的颜色,将其传递给过程Arduino101RgbLcd1.SetBAckgroundColor
201910044890.png

资料来源:http://iot.appinventor.mit.edu/assets/howtos/MIT_App_Inventor_IoT_RgbLcd.pdf

AIM-for-Things-Arduino101.zip

17.87 KB, 下载次数: 0, 下载积分: 创造力 -1

.ino

edu.mit.appinventor.iot.arduino101.zip

59.6 KB, 下载次数: 0, 下载积分: 创造力 -1

.aix

Arduino101RgbLcd.zip

213.35 KB, 下载次数: 0, 下载积分: 创造力 -1

.aia

我是大菠萝  学徒

发表于 2019-10-6 22:36:33

感谢楼主分享!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
wifi气象站

硬件清单

btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2019 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail