[ Ruff 开发套件 ] Lesson 4 - LCD 温湿度计

最新推荐文章于 2024-08-20 09:29:33 发布

转载最新推荐文章于 2024-08-20 09:29:33 发布 · 324 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000006885920

本教程通过实战项目，教你如何利用Ruff开发板、温湿度传感器及LCD屏制作一款能够实时显示温湿度的小型设备。项目包括硬件连接、软件编程等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片描述

谁将登场
- LCD 模块
- 温湿度传感器
你将学会
- 温湿度传感器的使用
- LCD 屏的进阶使用

介绍

这节课将实现一个用 LCD 屏显示的温湿度计：

LCD 屏初始显示 “Welcome !” 欢迎字样；
1秒钟后，在第一行显示当前温度，在第二行显示当前湿度；
每秒钟刷新当前温度和湿度的值。

元件

Ruff 开发板
温湿度传感器模块
LCD 模块

外设添加

向项目中添加名为lcd的 LCD 模块
- model 选择lcd1602-02，驱动版本选择最新版。
向项目中添加名为humirature的温湿度传感器模块，
- model 选择 DHT11，驱动版本选择最新版。

代码

在编写代码之前需要完成 Ruff 开发板的设置连接、硬件连线。如果有疑问大家可以到这里了解。
想了解 Ruff 应用开发步骤和模型，可以到这里。

初始化

我们首先初始化 LCD 屏以及设置光标：

打开 LCD 屏幕；
使用设置setCursor(x,y)函数设置光标到（1，0）处并打印欢迎语；
- LCD 模块的setCursor函数用来设置光标，用法如下：
setCursor(x, y, [callback])
- LCD 模块每行可显示16个字符，共有两行字符，
  - (0,0)指向第一行第一个字符；
  - (1,0)指向第一行第二个字符；
  - (0,1)指向第二行第一个字符；
初始化代码如下：

$('#lcd').turnOn();
$('#lcd').setCursor(1, 0);
$('#lcd').print('Welcome!');

可以在这里复习LCD 模块知识。

温度显示

之后我们解决：如何检测和显示当前温度

使用温湿度传感器模块的getTemperature() 函数获取当前温度：
- 温湿度模块的getTemperature() 函数语法如下：
getTemperature(callback)
设置光标到第一行第二个字符处；
打印 “temperature” 和当前温度；
使用setInterval 函数每秒钟重新检测和显示当前温度。
温度显示代码如下：

setInterval(function () {
    $('#humirature').getTemperature(function (error, temperature) {
        if (error) {
            console.error(error);
            return;
        }
        $('#lcd').setCursor(1, 0);
        $('#lcd').print('temperature: ' + temperature);
    });
}, 1000);

湿度显示

之后我们解决：如何检测和显示当前湿度，解决方法和温度类似。

使用温湿度传感器模块的getRelativeHumidity() 函数获取当前湿度：
- 温湿度模块的getRelativeHumidity() 函数用法如下：
getRelativeHumidity(callback)
设置光标到第二行第二个字符处；
打印 “humility” 和当前湿度；
使用setInterval 函数每秒钟重新检测和显示当前湿度。
湿度显示代码如下：

setInterval(function () {
    $('#humirature').getRelativeHumidity(function (error, humidity) {
        if (error) {
            console.error(error);
            return;
        }
        $('#lcd').setCursor(1, 1);
        $('#lcd').print('humidity: ' + humidity);
    });
}, 1000);

可以在这里进一步学习温湿度传感器模块知识；

最后，

将初始化、温度显示、湿度显示的实现放在 $.ready 事件下。

完整代码

'use strict';

$.ready(function (error) {
    if (error) {
        console.log(error);
        return;
    }

    $('#lcd').turnOn();
    $('#lcd').setCursor(1, 0);
    $('#lcd').print('Welcome!');
    
    setInterval(
        function () {
            $('#humirature').getTemperature(function (error, temperature) {
                if (error) {
                    console.error(error);
                    return;
                }
                $('#lcd').setCursor(1, 0);
                console.log('temperature', temperature);
                $('#lcd').print('temperature: ' + temperature);
            });
        }, 1000);

    setInterval(function () {
        $('#humirature').getRelativeHumidity(function (error, humidity) {
            if (error) {
                console.error(error);
                return;
            }
            $('#lcd').setCursor(1, 1);
            console.log('humidity', humidity);
            $('#lcd').print('humidity: ' + humidity);
        });
    }, 1000)
});