博客
关于我
柿饼模组 -- 实现超声波模块测距显示界面
阅读量:676 次
发布时间:2019-03-15

本文共 1171 字,大约阅读时间需要 3 分钟。

柿饼模组开发技术指南

概括

本文旨在为开发者提供柿饼模组开发的技术指导,涵盖从串口数据获取到各类控件的使用方法,帮助开发者轻松实现功能配置。


串口数据的获取

在JS代码中,我们通过以下方式开启UART并获取数据:

onShow: function(event) {    var uart = pm.openSerialPort({ port: "uart0", baud: 115200 });    if (uart) {        uart.onData(function(data) {            thiz.RevUartData(data);        });    }},RevUartData: function(data) {    var revdata_u;    revdata_u = data.readInt8(0) * 256 + data.readInt8(1);    // revdata_u 为获取到的距离值(单位:毫米)},

此处的 revdata_u 即为我们需要处理的关键数据参数。


animatedImag控件的使用

animatedImag控件用于实现图像动画效果,其属性设置方法如下:

onShow: function(event) {    this.setData({ animatedImage1: 'start' });},onExit: function(event) {    this.setData({ animatedImage: 'stop' });},

通过上述代码,可以实现页面进入时启动动画,退出时停止动画的功能。


Label控件的使用

Label控件主要用于文本展示,能够通过JS代码动态更新显示内容。代码实现如下:

this.setData({    label2: {        value: revdata_u,        refresh: true    }});

revdata_u 即距离值以动态方式显示到Label控件中。


progressbar控件的使用

progressbar控件用于显示进度条,能够直观反映距离值的变化。实现方法如下:

this.setData({    progressbar1: {        value: revdata_u,        refresh: true    }});

通过设置progressbar的值,直观反映距离值的进度变化。


具体实现效果

本模块实现简单易懂,该开发版本尚未进行UI优化或广泛测试,功能为基本实现。开发者的 undermineUI设计可以根据实际需求进行适当调整。


通过以上方法,开发者可以轻松实现柿饼模组的串口数据处理及多控件应用,满足开发需求。

转载地址:http://cdllz.baihongyu.com/

你可能感兴趣的文章
mqtt broker服务端
查看>>
MQTT 保留消息
查看>>
MQTT 持久会话与 Clean Session 详解
查看>>
MQTT工作笔记0007---剩余长度
查看>>
MQTT工作笔记0009---订阅主题和订阅确认
查看>>
Mqtt搭建代理服务器进行通信-浅析
查看>>
MS Edge浏览器“STATUS_INVALID_IMAGE_HASH“兼容性问题
查看>>
ms sql server 2008 sp2更新异常
查看>>
MS UC 2013-0-Prepare Tool
查看>>
MSBuild 教程(2)
查看>>
msbuild发布web应用程序
查看>>
MSB与LSB
查看>>
MSCRM调用外部JS文件
查看>>
MSCRM调用外部JS文件
查看>>
MSEdgeDriver (Chromium) 不适用于版本 >= 79.0.313 (Canary)
查看>>
MsEdgeTTS开源项目使用教程
查看>>
msf
查看>>
MSSQL数据库查询优化(一)
查看>>
MSSQL数据库迁移到Oracle(二)
查看>>
MSSQL日期格式转换函数(使用CONVERT)
查看>>