博客
关于我
柿饼模组 -- 实现超声波模块测距显示界面
阅读量: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/

你可能感兴趣的文章
Mysql学习总结(76)——MySQL执行计划(explain)结果含义总结
查看>>
Mysql学习总结(77)——温故Mysql数据库开发核心原则与规范
查看>>
Mysql学习总结(78)——MySQL各版本差异整理
查看>>
Mysql学习总结(79)——MySQL常用函数总结
查看>>
Mysql学习总结(7)——MySql索引原理与使用大全
查看>>
Mysql学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结(9)——MySql视图原理讲解与使用大全
查看>>
MySQL学习笔记十七:复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql安全模式: sql_safe_updates
查看>>
mysql安装,卸载,连接
查看>>
MySQL安装之没有配置向导
查看>>
mysql安装出现 conflicts with mysql*的解决办法
查看>>
mysql安装卡在最后一步解决方案(附带万能安装方案)
查看>>