接下來，單擊“創(chuàng)建”按鈕。在下一頁上，為您的儀表板命名，然后繼續(xù)添加小部件。

您的新儀表板

?

我喜歡使用 Gauge 和 Percentage 小部件來跟蹤溫度和壓力的當(dāng)前狀態(tài)，而我使用圖表來跟蹤歷史狀態(tài)或趨勢。在下圖中，您可以看到添加儀表的示例。

將小部件添加到儀表板

?

您可以為新小部件命名。您需要將它鏈接到一個變量，這就是您將它鏈接到溫度變量的地方。您還可以為儀表設(shè)置最小值和最大值。

下圖是從計算機(jī)上看到的我的工作儀表板的屏幕截圖。我既可以看到當(dāng)前值，也可以看到歷史值。

我的儀表盤

?

我還可以使用 Arduino IoT Remote 應(yīng)用程序從我的手機(jī)查看儀表板。

我手機(jī)上的儀表板

?

本地代碼

下一組代碼旨在讓我在屏幕上看到溫度和濕度。結(jié)果如下圖所示。

成品

?

此時，您需要返回 Sketch 編輯器，然后單擊“打開完整編輯器”。

屏幕上的圖標(biāo)需要作為代碼引入。最簡單的方法是將大小合適的圖像轉(zhuǎn)換為字符數(shù)組。您可以在以下 URL 執(zhí)行此操作：https ://javl.github.io/image2cpp/

然后您需要添加一個名為 logos.h 的文件，然后將您的字符數(shù)組復(fù)制到其中。下圖說明了此文件的外觀。

徽標(biāo).h 文件

?

回到 .ino 文件，我定義了一個函數(shù)，用于在屏幕上呈現(xiàn)所有信息。

void displayReadings(String t, float temp, float humid) {
  carrier.display.fillScreen(0x0000);
  carrier.display.setCursor(60, 30);
  carrier.display.setTextSize(3);
  carrier.display.print(t);
  carrier.display.setCursor(25, 60);
  carrier.display.setTextSize(3);
  carrier.display.drawBitmap(25, 70, m_thermostat, 48, 48, 0xDAC9);
  carrier.display.setCursor(75, 80);
  carrier.display.print(temp); 
  carrier.display.print(" C");
  carrier.display.drawBitmap(25, 130, m_humidity, 48, 48, 0x0D14); 
  carrier.display.setCursor(75, 140);
  carrier.display.print(humidity); 
  carrier.display.print(" %");
}

這個函數(shù)需要幾個參數(shù)：當(dāng)前時間、溫度和壓力。注意承運(yùn)人。這是控制 MKR IoT Carrier 的類的實(shí)例。我們在草圖的頂部聲明它。

MKRIoTCarrier carrier;

載體需要初始化。該代碼出現(xiàn)在 setup() 函數(shù)中。

  //Initialize the MKR IoT Carrier
  delay(1500);
  CARRIER_CASE = false;
  carrier.begin();
  carrier.display.setRotation(0);
  display("Starting ..");

注意 display() 函數(shù)。這也在草圖中定義。display() 的實(shí)現(xiàn)如下：

void display(String text) {
  carrier.display.fillScreen(0x0000);
  carrier.display.setCursor(25, 100);
  carrier.display.setTextSize(3);
  carrier.display.print(text);
}

為了獲得當(dāng)前時間，我選擇了一種避免每次都從云端讀取的方法。相反，我設(shè)置了一個實(shí)時時鐘的實(shí)例，并通過從 Arduino Cloud 獲取 Unix 時間來設(shè)置一次時間。變量定義如下。

unsigned long epochs;
RTCZero myRtc;

RTC 在以下代碼塊中初始化。

  //Initialize the clock
  myRtc.begin();
  epochs = ArduinoCloud.getLocalTime();
  initializeClock(epochs, &myRtc);

函數(shù) initializeClock() 使用所需時間更新 RTC 實(shí)例。函數(shù)實(shí)現(xiàn)如下：

void initializeClock(unsigned long epochs, RTCZero* rtc) {
  UnixTime t(0);
  t.getDateTime(epochs);
  uint8_t y = t.year - 2000;
  rtc->setDate(t.day, t.month, y);; 
  rtc->setTime(t.hour, t.minute, t.second);
}

要讀取時間，需要以下功能：

String getRTCTime(RTCZero* rtc) {
  String t = zeroPad(rtc->getHours());
  t.concat(":");
  t.concat(zeroPad(rtc->getMinutes()));
  t.concat(":");
  t.concat(zeroPad(rtc->getSeconds()));
  return t;
}

String zeroPad(int n) {
  if (n > 9) {
    return String(n);
  }
  String s = String(0);
  s.concat(n);
  return s;
}

最后，我們可以將所有這些結(jié)合起來，根據(jù) PIR 傳感器觀察到的內(nèi)容，在屏幕上顯示或不顯示內(nèi)容。該草圖可在此處獲得：https://create.arduino.cc/editor/johnthas/399971c3-9ed7-48de-8cf9-a0955d60c08c/preview