O目錄

開發(fā)板HMI-Board簡單介紹說明

實踐Demo操作筆記

使用GUI-Guider-1.5.1-GA畫UI實踐

GUI-Guider畫LVGL UI做mqtt連接Onenet云實踐

總結

1

開發(fā)板HMI-Boarrd簡單介紹說明

此次實踐使用開發(fā)板HMI-Board即RA6M3，HMI-Board是 RT-Thread 聯(lián)合瑞薩推出的高性價比圖形評估套件，取代傳統(tǒng)的 HMI+主控板硬件，一套硬件即可實現 HMI+IoT+控制的全套能力。依托于瑞薩高性能芯片 RA6M3 及 RT-Thread 軟件生態(tài)，HMI-Board 不僅硬件性能強勁，同時軟件生態(tài)豐富，助力開發(fā)者快速開發(fā)出GUI智能硬件產品。

硬件配置：

2M片上flash

640Kb片上SRAM

硬件JPEG解碼

2D圖形加速

RGB888-LCD控制器

Arduino 接口

Pmod 接口

以太網接口

USB-Device

CAN接口

揚聲器，麥克風接口

板載 DAP-Link

單片機本身不帶Wi-Fi以及以太網端口，HMI-Board通過SPI外接RW007Wi-Fi模塊連接網絡，并已有包支持。

硬件原理圖上可以看出使用SPI3腳。

此次使用的云平臺為EMQX云服務器。開發(fā)板、電腦、云平臺關系如圖所示，電腦和開發(fā)板均屬于客戶端。

此外MQTT消息的發(fā)布者和訂閱者都是客戶端，服務器只是作為一個中轉的存在，將發(fā)布者發(fā)布的消息進行轉發(fā)給所有訂閱該主題的訂閱者；發(fā)布者可以發(fā)布在其權限之內的所有主題，并且消息發(fā)布者可以同時是訂閱者，實現了生產者與消費者的脫耦，發(fā)布的消息可以同時被多個訂閱者訂閱。

2

實踐Demo操作筆記

1.此次實踐使用的win桌面版本Demo，開機首頁如下：

2. 因我本身沒用以太網線，于是在編譯代碼時打開了Wi-Fi模塊的包，注意是SPI3口的Wi-Fi

3. 代碼中打開test工程，修改了原本代碼中的密碼以及訂閱信息如下：

4. 我們在代碼中ka_mqtt加入到命令中去，開機起來后可以在命令行輸入help看到ka_mqtt的命令：

MSH_CMD_EXPORT(ka_mqtt, Kawaii MQTT client test program);

5. 在命令行啟動即可，這一點還是很方便的。我們通過打開MQTTX訂閱pub9215消息即可看到開發(fā)板周期性上報的數據

6. 開發(fā)板通過發(fā)布消息到云端服務器，電腦端MQTTX訂閱云端消息就可以看到發(fā)布數據。反過來電腦端發(fā)布，開發(fā)板訂閱線程也是有收到打印到串口

3

使用GUI-Guider-1.5.1-GA

畫UI實踐

經過前面的demo實踐，是時候自己操刀一把了，如下是使用UI工具畫UI實踐

1. 先跑一下LVGL的Demo試試，于是編譯如下空調GUI

2. 移植代碼到板子中編譯下載，看看效果

4

GUI-Guider畫LVGL UI

做mqtt連接Onenet云實踐

之前有玩過一下Onenet云，此次試試RT-Thread開發(fā)板連onenet云操作。

1. 首先畫UI，使用按鈕開關打開登錄，做滑塊切換值，最終效果如下：

下載板子點亮：

2. 使用包rw007Wi-Fi包，cjson，LVGL，以及mqtt包。代碼如下，在開機后起來連接Wi-Fi，創(chuàng)建LVGL的UI

3. mqtt的開始函數放在按鈕響應事件中

4. 將Onenet云設備密碼填入準備登錄

5. 最終登錄后訂閱消息

6. 后面創(chuàng)建一個子線程用于周期性上報電量數據

7. 開機后自動連接我的Wi-Fi，使用ifconfig可以看到了聯(lián)網成功

8. 打開UI上的Onenet按鈕開關可以看到連接登錄成功，同時周期性發(fā)布數據到云端

9. 云上后臺看到設備登錄在線狀態(tài)

10. 切換到云端數據上看到開開關切換以及電量等數據的刷新，以及終端log提示操作

5

總結

雖然那天天氣很冷，活動現場氛圍非常熱情，讓我看到每個開源愛好者的學習激情澎湃。

RT-Thread小師弟以及開發(fā)者不吝指導，答疑著每位學習者的疑問，為各位大佬點贊。

在這種氛圍下雖說只有一下午時間，但還是學習到很多東西，比如mqtt工具使用，EQMX云，OneNet云，開發(fā)板LVGL畫UI等。