App inventor arduino 手机蓝牙通信实现

写下这篇文章是为了记录我学习App inventor及制作蓝牙通信app的过程,接下来我会从零开始一步一步搭建这个app,本篇文章适用于刚刚接触app inventor的人。

第一步,首先点击屏幕右上角的新建项目,并命名。

然后进入我们刚刚新建的项目,这个时候界面是这样的


在屏幕左边是我们的组件面板,在这里我们可以将所需要的组件拖进中间的屏幕当中。在屏幕右边是我们的组件列表和属性面板,在组件列表中你可以对组件进行重命名和删除操作,在属性面板当中可以更改组件的属性值。
第二步,我们拖入一个垂直布局,将它的高度和宽度都设为充满,然后在垂直布局中加入7个水平布局,之后再在前五个水平布局中都添加一个标签和文本输入框,得到下面效果:

然后我们需要调节以一下每个标签的大小,将每个标签高度设为充满,宽度设为70px,同时将标签的显示文本调节为自己想要的文字,及将文字对齐改为居中。最后将每个文本输入框的提示文本删除,将其改为只读状态。得到如下效果:

第三步,在下面的文本框中添加三个按钮,并将其宽度设为充满,将显示文本改为自己想要的显示文本,之后将包含按钮的水平布局高度与宽度改为充满,将垂直对齐改为居下。得到如下效果:

 

然后在最后一个水平布局中插入一个列表选择框和一个按钮,将包含他们的水平布局宽度改为充满,将列表选择框和按钮的宽度也改为充满,同时将列表选择框的名字改为连接蓝牙,将按钮的名字改为断开蓝牙,得到如下效果:

 

最后我们需要在通信连接中将蓝牙客户端加入屏幕,在传感器中将计时器加入屏幕。


然后我们就可以开始编程了,点击屏幕右上角的编程就可以进入编程界面。进入编程界面后在屏幕左边的是代码块,将你需要的代码块拖出并按照逻辑组合就可以了,如果你想对单独组件的功能进行定义,只需要点击该组件,他相关的代码块就会显示,并可以被使用了。

 


首先我们进行屏幕的初始化 :

然后设置列表选择框(连接蓝牙)的功能:

然后是按钮(断开蓝牙)的功能:

 

 

到此我们连接蓝牙和断开蓝牙的功能就实现了,接下来我们要实现开关门等功能。它的原理是我们通过app使用蓝牙向arduino发送信息,当arduino接收到信息是判断并执行相关命令。
接下来是开关门的信息发送功能实现。

 

在这里我定义发送的是字符类型的数据,测试下来可以正常使用。同理开关灯信息发送功能实现如下:


关闭警报的信息发送功能实现如下:

 

接下来我们实现的是通过蓝牙接收信息的功能,因为我们接收的是字符类型数据,首先我们声明一个全局变量为空。

 

因为我们需要不停的接收数据,所以我们需要一个定时器,当定时器达到计时点时接收与判断,同时将文本显示在对应的文本输入框当中。

之后我们设置一下app的名称和图标,,在组件列表当中点击Screan1,然后在组件属性中设置它的应用名称及标题,同时添加图片背景及图标。
最后在屏幕最上方选择编译,下载到本机即可以将app下载下来,将文件传到手机中安装即可。

最后我们的app界面如下:



① 在项目编译过程中可以使用AI伴侣或者模拟器实时查看App制作进度,可以根据需求实时更改。
② 本教程只是本人制作这个app的过程,若是有其他的要求可以自行更改。若是内容有误敬请海涵。
③ 在本教程中的界面样式并不固定,界面的具体样式也可以自行设置。
④ 本教程中的项目文档和App可以通过以下链接下载

 

链接:百度网盘 请输入提取码 

提取码:flas

  • 12
    点赞
  • 127
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
### 回答1: App Inventor 是一款用于创建移动应用程序的编程工具。要实现App Inventor 中利用蓝牙接收数据并绘图,可以按以下步骤进行: 1. 打开 App Inventor 并创建一个新的应用程序项目。 2. 在设计视图中,将蓝牙组件拖放到屏幕上,并将其命名为“蓝牙”。 3. 在蓝牙组件属性中,设置蓝牙适配器为“Classic”。这样可以保证与大多数蓝牙设备兼容。 4. 添加一个按钮组件,以便在点击按钮时进行连接蓝牙设备的操作。 5. 在按钮的点击事件中,使用蓝牙组件的“连接到设备”的命令,指定要连接的蓝牙设备的地址。 6. 在屏幕上添加一个画布组件,并将其命名为“画布”。 7. 在蓝牙组件的“接收到消息”事件中,编写处理接收到蓝牙数据的代码。例如,你可以将数据解析为数字,并将其存储在变量中。 8. 在接收到数据后,可以使用“画布”组件的绘图命令,在画布上绘制相应的图形。例如,你可以将收到的数据绘制为折线图、柱状图或其他类型的图表。 9. 根据你的需求,你可以使用定时器组件来定期接收和绘制数据,以保持实时性。 10. 最后,测试你的应用程序。确保你的蓝牙设备正确连接,并能够接收数据并在画布上绘制相应的图形。 请注意,这只是一个简单的示例,你可以根据自己的需求进行更复杂的数据处理和图形绘制。同时,在实际开发中,还需要考虑错误处理、用户交互和应用程序的稳定性等因素。 ### 回答2: 要用App Inventor实现蓝牙接收数据并绘图,可以按照以下步骤进行: 1. 首先,在App Inventor中创建一个新的项目,并导入蓝牙扩展库。 2. 在设计视图中添加一个按钮,用于连接蓝牙设备。给按钮添加一个点击事件,在该事件中使用蓝牙扩展库的相关功能连接目标蓝牙设备。 3. 添加一个文本框或标签组件,用于显示接收到的数据。 4. 在连接成功后,可以通过蓝牙扩展库的"当接收到的值"事件来接收蓝牙设备发送的数据。将接收到的数据显示在文本框或标签中。 5. 接收到的数据可以是用逗号分隔的x和y坐标值。使用分割文本功能将接收到的数据分割为x和y坐标值。 6. 在绘图区域中添加一个画布组件,用于绘图。可以在屏幕上绘制直线、曲线、圆或其他图形。 7. 在接收到数据后,根据接收到的x和y坐标值,在画布上绘制相应的图形。可以使用画布组件的绘制线条或绘制圆等功能。 8. 可以在绘图区域添加一个清除按钮,用于清除已绘制的图形。 9. 最后,测试应用程序。通过连接蓝牙设备,并在设备上发送坐标数据,观察应用程序是否能够正确接收数据并在绘图区域上绘制图形。 通过以上步骤,你就能够用App Inventor实现蓝牙接收数据并绘图的功能了。 ### 回答3: 要使用App Inventor实现蓝牙接收数据并绘图,需要经过以下几个步骤: 1. 创建一个App Inventor项目,打开设计界面。 2. 在"Designer"选项卡中,从"Palette"面板中找到并拖动一个Canvas组件到屏幕上,用于绘制图形。 3. 从"Non-visible Components"面板中找到并拖动一个BluetoothClient组件,用于与蓝牙设备进行通信。 4. 在"Blocks"选项卡中,使用相关的模块构建程序逻辑。 以下是一个简单的实例来说明如何实现蓝牙接收数据并绘图: 1. 连接到蓝牙设备: - 在屏幕上添加一个按钮/Button组件,用于触发连接事件。 - 在按钮的"Click"事件中,使用BluetoothClient的"Connect"方法连接到蓝牙设备。 2. 接收蓝牙数据并解析: - 在BluetoothClient的"AfterConnect"事件中,使用BluetoothClient的"ReceiveText"方法接收蓝牙设备发送的文本数据。 - 对接收到的数据进行解析,根据预定的格式提取需要绘制的图形数据。 3. 绘制图形: - 在接收和解析数据后,将需要绘制的图形数据存储在变量中。 - 在Canvas的"Drawn"事件中,使用Canvas的绘制方法(例如DrawRectangle、DrawCircle)根据存储的图形数据绘制图形。 通过以上步骤,你就可以用App Inventor实现蓝牙接收数据并绘制图形的功能了。当然,这只是一个简单的示例,你可以根据实际需求和复杂程度进行相应的扩展和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值