當(dāng)前位置:首頁 > 公眾號(hào)精選 > 嵌入式大雜燴
[導(dǎo)讀]上一篇分享了:lvgl最新版本在STM32上的移植使用。這篇分享一下lvgl 的PC模擬器的使用。

前言

上一篇分享了: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)系我們,謝謝!

本站聲明: 本文章由作者或相關(guān)機(jī)構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點(diǎn),本站亦不保證或承諾內(nèi)容真實(shí)性等。需要轉(zhuǎn)載請(qǐng)聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請(qǐng)及時(shí)聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫?dú)角獸公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

倫敦2024年8月29日 /美通社/ -- 英國汽車技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認(rèn)證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時(shí)1.5...

關(guān)鍵字: 汽車 人工智能 智能驅(qū)動(dòng) BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務(wù)能7×24不間斷運(yùn)行,同時(shí)企業(yè)卻面臨越來越多業(yè)務(wù)中斷的風(fēng)險(xiǎn),如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報(bào)道,騰訊和網(wǎng)易近期正在縮減他們對(duì)日本游戲市場的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)開幕式在貴陽舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導(dǎo)體

8月28日消息,在2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機(jī) 衛(wèi)星通信

要點(diǎn): 有效應(yīng)對(duì)環(huán)境變化,經(jīng)營業(yè)績穩(wěn)中有升 落實(shí)提質(zhì)增效舉措,毛利潤率延續(xù)升勢 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競爭力 堅(jiān)持高質(zhì)量發(fā)展策略,塑強(qiáng)核心競爭優(yōu)勢...

關(guān)鍵字: 通信 BSP 電信運(yùn)營商 數(shù)字經(jīng)濟(jì)

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺(tái)與中國電影電視技術(shù)學(xué)會(huì)聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會(huì)上宣布正式成立。 活動(dòng)現(xiàn)場 NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會(huì)上,軟通動(dòng)力信息技術(shù)(集團(tuán))股份有限公司(以下簡稱"軟通動(dòng)力")與長三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉