基于vs2019的lvgl模擬器使用
前言
上一篇分享了:lvgl最新版本在STM32上的移植使用。這篇分享一下lvgl 的PC模擬器的使用。
PC 模擬器的好處一方面是我們沒有實(shí)際硬件的時(shí)候也可以學(xué)習(xí)lvgl,另一方面就是我們?cè)趯?shí)際設(shè)計(jì)GUI界面的時(shí)候可以大大減少燒錄代碼地次數(shù)。我們可以先在PC模擬器上設(shè)計(jì)好,然后再把代碼移到嵌入式工程里,編譯、燒錄到板子里。
lvgl 模擬器介紹
lvgl的模擬器配合不同的 IDE軟件可以運(yùn)行在不同的操作系統(tǒng)上,比如 Windows, Linux or OSX,下面是 littleVGL 所支持的 IDE 軟件種類 :
基于vs的lvgl模擬器的使用
下載lv_sim_visual_studio,鏈接:
https://github.com/lvgl/lv_sim_visual_studio
有兩種下載方式:
方法一:通過git命令下載。
git clone --recurse-submodules https://github.com/lvgl/lv_sim_visual_studio.git
這可以克隆lv_sim_visual_studio_sdl 及其所需的幾個(gè)子模塊submodules。什么是git submodules?有這么個(gè)例子:
每個(gè)公司的系統(tǒng)都會(huì)有一套統(tǒng)一的系統(tǒng)風(fēng)格,或者針對(duì)某一個(gè)大客戶的多個(gè)系統(tǒng)風(fēng)格保持統(tǒng)一,而且如果風(fēng)格改動(dòng)后要同步到多個(gè)系統(tǒng)中;這樣的需求幾乎每個(gè)開發(fā)人員都遇到,下面看看各個(gè)層次的程序員怎么處理:
假如對(duì)于系統(tǒng)的風(fēng)格需要幾個(gè)目錄:css、images、js。
-
普通程序員,把最新版本的代碼逐個(gè)復(fù)制到每個(gè)項(xiàng)目中,如果有N個(gè)項(xiàng)目,那就是要復(fù)制 N x 3次;如果漏掉了某個(gè)文件夾沒有復(fù)制…@(&#@#。
-
文藝程序員,使用Git Submodule功能,執(zhí)行: git submodule update,然后沖一杯咖啡悠哉的享受著。
lv_sim_visual_studio_sdl 倉庫需要依賴于:lvgl、lv_drivers、lv_examples。
lvgl、lv_drivers、lv_examples是lvgl官方維護(hù)的三個(gè)GitHub倉庫。因?yàn)閘v_sim_visual_studio_sdl 倉庫要用到lvgl、lv_drivers、lv_examples三個(gè)倉庫的內(nèi)容,照理說lvgl官方應(yīng)該把這三個(gè)倉庫里面的內(nèi)容也一起上傳到lv_sim_visual_studio_sdl 倉庫中。
但是這樣做的話,之后lvgl、lv_drivers、lv_examples倉庫內(nèi)容有更新的話,就需要手動(dòng)同步lv_sim_visual_studio_sdl 里的相關(guān)內(nèi)容,顯然很不方便。所以這里使用了Git Submodule功能,這在克隆lv_sim_visual_studio_sdl 倉庫時(shí)自動(dòng)下載其相關(guān)的3個(gè)子模塊(lvgl、lv_drivers、lv_examples)。
方法二:下載源碼壓縮包。
如果方法一下載不成功,則可以使用方法二。
下載lv_sim_visual_studio_sdl 壓縮包:
此時(shí)lv_sim_visual_studio_sdl \visual_studio_2017_sdl目錄下的lvgl、lv_drivers、lv_examples三個(gè)文件夾的內(nèi)容都是空的,所以需要分別從lvgl的GitHub倉庫上下載lvgl、lv_drivers、lv_examples,并分別拷貝到lv_sim_visual_studio_sdl 目錄的對(duì)應(yīng)文件夾下。
按以上兩種方式下載得到的lv_sim_visual_studio_sdl 內(nèi)容如:
雙擊打開lv_sim_visual_studio_sdl.sln(前提是已經(jīng)安裝好vs2019,不知道其它版本是否可以):
主函數(shù)的內(nèi)容如:
int main(int argc, char** argv) { /*Initialize LittlevGL*/ lv_init(); /*Initialize the HAL for LittlevGL*/ hal_init(); /*
* Demos, benchmarks, and tests.
*
* Uncomment any one (and only one) of the functions below to run that
* item.
*/ lv_demo_widgets(); /*
* There are many examples of individual widgets found under the
* lv_examples/src/lv_ex_widgets directory. Here are a few sample test
* functions. Look in that directory to find all the rest.
*/ //lv_ex_arc_1(); //lv_ex_cpicker_1(); //lv_ex_gauge_1(); //lv_ex_img_1(); //lv_ex_tileview_1(); while (1) { /* Periodically call the lv_task handler.
* It could be done in a timer interrupt or an OS task too.*/ lv_task_handler();
Sleep(10); /*Just to let the system breathe */ }
內(nèi)容大致與我們上一篇的:lvgl最新版本在STM32上的移植使用的主函數(shù)內(nèi)容一樣。
這些demo都是lv_examples下的demo,下面編譯運(yùn)行l(wèi)v_demo_widgets這個(gè)demo:
下面我們?cè)谀M器上編寫一個(gè)測試demo,編寫好之后移到我們上篇筆記移植好的STM32工程中進(jìn)行測試。所以我們模擬器設(shè)置的lvgl參數(shù)(lv_conf.h文件)盡量與我們stm32工程的lvgl配置參數(shù)(lv_conf.h文件)一樣。至少分辨率得設(shè)成一樣:
編寫一個(gè)簡單的登錄頁面demo:
void login_page(void) { /* 創(chuàng)建用戶名標(biāo)簽 */ lv_obj_t* user_name_label = lv_label_create(lv_scr_act(), NULL);
lv_label_set_text(user_name_label, "UserName:");
lv_obj_align(user_name_label, 0, LV_ALIGN_IN_TOP_LEFT, 5, 100); /* 創(chuàng)建用戶名文本框 */ lv_obj_t* user_name_ta = lv_textarea_create(lv_scr_act(), NULL);
lv_textarea_set_text(user_name_ta, "ZhengN");
lv_textarea_set_pwd_mode(user_name_ta, false);
lv_textarea_set_one_line(user_name_ta, true);
lv_textarea_set_cursor_hidden(user_name_ta, false);
lv_obj_set_width(user_name_ta, LV_HOR_RES / 2);
lv_obj_align(user_name_ta, user_name_label, LV_ALIGN_OUT_RIGHT_MID, 5, 0); /* 創(chuàng)建密碼標(biāo)簽 */ lv_obj_t* password_label = lv_label_create(lv_scr_act(), NULL);
lv_label_set_text(password_label, " Password:");
lv_obj_align(password_label, user_name_label, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 20); /* 創(chuàng)建密碼文本框 */ lv_obj_t* password_ta = lv_textarea_create(lv_scr_act(), NULL);
lv_textarea_set_text(password_ta, "12345678");
lv_textarea_set_pwd_mode(password_ta, true);
lv_textarea_set_one_line(password_ta, true);
lv_textarea_set_cursor_hidden(password_ta, true);
lv_obj_set_width(password_ta, LV_HOR_RES / 2);
lv_obj_align(password_ta, password_label, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
}
在模擬器運(yùn)行:
下面我們移到上一篇文章的STM32工程里。首先,新建一對(duì)頭、源文件存我們的測試demo:
編譯、燒錄、運(yùn)行:
以上就是基于vs2019的lvgl模擬器的使用分享,可以很方便地在模擬器上先做實(shí)驗(yàn),然后再移入嵌入式平臺(tái)。
免責(zé)聲明:本文內(nèi)容由21ic獲得授權(quán)后發(fā)布,版權(quán)歸原作者所有,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。文章僅代表作者個(gè)人觀點(diǎn),不代表本平臺(tái)立場,如有問題,請(qǐng)聯(lián)系我們,謝謝!