O目錄

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

實(shí)踐Demo操作筆記

使用GUI-Guider-1.5.1-GA畫UI實(shí)踐

GUI-Guider畫LVGL UI做mqtt連接Onenet云實(shí)踐

總結(jié)

1

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

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

硬件配置：

2M片上flash

640Kb片上SRAM

硬件JPEG解碼

2D圖形加速

RGB888-LCD控制器

Arduino 接口

Pmod 接口

以太網(wǎng)接口

USB-Device

CAN接口

揚(yáng)聲器，麥克風(fēng)接口

板載 DAP-Link

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

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

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

此外MQTT消息的發(fā)布者和訂閱者都是客戶端，服務(wù)器只是作為一個(gè)中轉(zhuǎn)的存在，將發(fā)布者發(fā)布的消息進(jìn)行轉(zhuǎn)發(fā)給所有訂閱該主題的訂閱者；發(fā)布者可以發(fā)布在其權(quán)限之內(nèi)的所有主題，并且消息發(fā)布者可以同時(shí)是訂閱者，實(shí)現(xiàn)了生產(chǎn)者與消費(fèi)者的脫耦，發(fā)布的消息可以同時(shí)被多個(gè)訂閱者訂閱。

2

實(shí)踐Demo操作筆記

1.此次實(shí)踐使用的win桌面版本Demo，開機(jī)首頁(yè)如下：

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

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

4. 我們?cè)诖a中ka_mqtt加入到命令中去，開機(jī)起來后可以在命令行輸入help看到ka_mqtt的命令：

MSH_CMD_EXPORT(ka_mqtt, Kawaii MQTT client test program);

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

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

3

使用GUI-Guider-1.5.1-GA

畫UI實(shí)踐

經(jīng)過前面的demo實(shí)踐，是時(shí)候自己操刀一把了，如下是使用UI工具畫UI實(shí)踐

1. 先跑一下LVGL的Demo試試，于是編譯如下空調(diào)GUI

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

4

GUI-Guider畫LVGL UI

做mqtt連接Onenet云實(shí)踐

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

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

下載板子點(diǎn)亮：

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

3. mqtt的開始函數(shù)放在按鈕響應(yīng)事件中

4. 將Onenet云設(shè)備密碼填入準(zhǔn)備登錄

5. 最終登錄后訂閱消息

6. 后面創(chuàng)建一個(gè)子線程用于周期性上報(bào)電量數(shù)據(jù)

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

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

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

10. 切換到云端數(shù)據(jù)上看到開開關(guān)切換以及電量等數(shù)據(jù)的刷新，以及終端log提示操作

5

總結(jié)

雖然那天天氣很冷，活動(dòng)現(xiàn)場(chǎng)氛圍非常熱情，讓我看到每個(gè)開源愛好者的學(xué)習(xí)激情澎湃。

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

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