安信可推出了小安派的2款開(kāi)源硬件——AiPi-Eyes-S1、AiPi-Eyes-S2，近期應(yīng)用開(kāi)發(fā)團(tuán)隊(duì)用小安派開(kāi)源硬件制作了一款桌面天氣站，為出行做好參考~

01

功能分析

02

Gui Guider模擬運(yùn)行結(jié)果

這里使用的UI上位機(jī)是NXP的GUI Guider軟件，有需要的伙伴可去搜索官方下載

完成效果如下：

03

UI 代碼移植

1、文件移植

因?yàn)榇饲耙呀?jīng)把屏幕和觸摸的驅(qū)動(dòng)寫(xiě)好了，并且在Lvgl 下測(cè)試成功，所以本文不會(huì)介紹Lvgl 的移植。GUI Guider 在成功運(yùn)行之后，才會(huì)生成最新的UI代碼。需要移植的程序代碼如下：

以上文件夾復(fù)制到工程的UI位置：Ai-Pi_Eeys/demos/240X320_ui。因?yàn)镸6X_SDK中的Lvgl沒(méi)有dclock 時(shí)鐘組件，所以也要把dclock 移植到SDK當(dāng)中。dclock的目錄如下:M6x_Eyeslvglsrcextrawidgets

把整個(gè)dclock文件夾復(fù)制到：Ai-Pi_Eeysaithinker_Ai-M6X_SDKcomponentsgraphicslvglextrawidgets目錄下。

2、代碼修改

1)工程添加UI代碼

只需要在CMakeLists.txt中添加以下內(nèi)容:

然后在main.c中引用gui_guider.h和custom.h,并定義lv_ui全局變量，且使用setup_ui()函數(shù)進(jìn)行初始化：

2)HTTPS GET請(qǐng)求及時(shí)間獲取

然后隨手把HTTPS請(qǐng)求天氣的邏輯實(shí)現(xiàn)一下，大概就是寫(xiě)一個(gè)HTTPS的客戶端，然后發(fā)送請(qǐng)求，時(shí)間可以在響應(yīng)頭中獲取，Date參數(shù)中獲取，北京時(shí)間只要把小時(shí)+8就OK，比如：

天氣情況獲取，這里使用的是天氣API的免費(fèi)的未來(lái)七天天氣接口，請(qǐng)求數(shù)據(jù)如下：

天氣站最高可以顯示未來(lái)七天的天氣情況，我們這里只顯示未來(lái)三天的數(shù)據(jù)。

3)WiFi 連接功能

天氣站使用的屏幕是電容觸摸屏，所以可以通過(guò)觸摸輸入WiFi 名稱及密碼連接WiFi。輸入完成后，點(diǎn)擊確定按鈕即可觸發(fā)WiFi連接，天氣站在連接成功WiFi之后，會(huì)保存當(dāng)前的路由信息，下次重啟時(shí)可以自動(dòng)連接這次的WiFi。按鈕的點(diǎn)擊事件及讀取輸入的WiFi名稱及密碼代碼：

備注:此截圖代碼不全，可去安信可官方平臺(tái)搜索

04

實(shí)際運(yùn)行

審核編輯 黃宇