[ Ruff 開發(fā)套件 ] Lesson 4 - LCD 溫濕度計(jì)

since1986 發(fā)布于2019-08-22 10:38 / 1951人閱讀

摘要：向項(xiàng)目中添加名為的溫濕度傳感器模塊，選擇，驅(qū)動(dòng)版本選擇最新版。使用溫濕度傳感器模塊的函數(shù)獲取當(dāng)前濕度溫濕度模塊的函數(shù)用法如下設(shè)置光標(biāo)到第二行第二個(gè)字符處打印和當(dāng)前濕度使用函數(shù)每秒鐘重新檢測(cè)和顯示當(dāng)前濕度。

誰將登場(chǎng)

LCD 模塊

溫濕度傳感器

你將學(xué)會(huì)

溫濕度傳感器的使用

LCD 屏的進(jìn)階使用

介紹

這節(jié)課將實(shí)現(xiàn)一個(gè)用 LCD 屏顯示的溫濕度計(jì)：

LCD 屏初始顯示 “Welcome !” 歡迎字樣；

1秒鐘后，在第一行顯示當(dāng)前溫度，在第二行顯示當(dāng)前濕度；

每秒鐘刷新當(dāng)前溫度和濕度的值。

元件

Ruff 開發(fā)板

溫濕度傳感器模塊

LCD 模塊

外設(shè)添加

向項(xiàng)目中添加名為lcd的 LCD 模塊

model 選擇lcd1602-02，驅(qū)動(dòng)版本選擇最新版。

向項(xiàng)目中添加名為humirature的溫濕度傳感器模塊，

model 選擇 DHT11，驅(qū)動(dòng)版本選擇最新版。

代碼

在編寫代碼之前需要完成 Ruff 開發(fā)板的設(shè)置連接、硬件連線。如果有疑問大家可以到這里了解。

想了解 Ruff 應(yīng)用開發(fā)步驟和模型，可以到這里。

初始化

我們首先初始化 LCD 屏以及設(shè)置光標(biāo)：

打開 LCD 屏幕；

使用設(shè)置setCursor(x,y)函數(shù)設(shè)置光標(biāo)到（1，0）處并打印歡迎語；

LCD 模塊的setCursor函數(shù)用來設(shè)置光標(biāo)，用法如下：

setCursor(x, y, [callback])

LCD 模塊每行可顯示16個(gè)字符，共有兩行字符，

(0,0)指向第一行第一個(gè)字符；

(1,0)指向第一行第二個(gè)字符；

(0,1)指向第二行第一個(gè)字符；

初始化代碼如下：

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

可以在這里復(fù)習(xí)LCD 模塊知識(shí)。

溫度顯示

之后我們解決：如何檢測(cè)和顯示當(dāng)前溫度

使用溫濕度傳感器模塊的getTemperature() 函數(shù)獲取當(dāng)前溫度：

溫濕度模塊的getTemperature() 函數(shù)語法如下：

getTemperature(callback)

設(shè)置光標(biāo)到第一行第二個(gè)字符處；

打印 “temperature” 和當(dāng)前溫度；

使用setInterval 函數(shù)每秒鐘重新檢測(cè)和顯示當(dāng)前溫度。

溫度顯示代碼如下：

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

濕度顯示

之后我們解決：如何檢測(cè)和顯示當(dāng)前濕度，解決方法和溫度類似。

使用溫濕度傳感器模塊的getRelativeHumidity() 函數(shù)獲取當(dāng)前濕度：

溫濕度模塊的getRelativeHumidity() 函數(shù)用法如下：

getRelativeHumidity(callback)

設(shè)置光標(biāo)到第二行第二個(gè)字符處；

打印 “humility” 和當(dāng)前濕度；

使用setInterval 函數(shù)每秒鐘重新檢測(cè)和顯示當(dāng)前濕度。

濕度顯示代碼如下：

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

可以在這里進(jìn)一步學(xué)習(xí)溫濕度傳感器模塊知識(shí)；

最后，

將初始化、溫度顯示、濕度顯示的實(shí)現(xiàn)放在 $.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)
});