LVGL簡介
LVGL是一個跨平臺、輕量級、易于移植的圖形庫。因其支持大量特性和其易于裁剪,配置開關(guān)眾多,且版本升級較快,不同版本之間存在一定的差異性,相關(guān)的使用教程有一定的滯后性,由于缺少最新版本的中文教程,加上大量的教程中未注明對應(yīng)的版本,初始接觸的開發(fā)者往往容易中招,花費(fèi)大量時間爬坑。本文僅對自己的使用經(jīng)驗進(jìn)行記錄和總結(jié),望對初始接觸LVGL的開發(fā)者有所幫助。
LVGL 提供了模擬器來在電腦上仿真 LVGL,讓用戶可以擺脫硬件和平臺的束縛,專注于 LVGL 邏輯層面的開發(fā)。對于如何在 PC 上仿真 LVGL,官方已經(jīng)給出了詳細(xì)的文檔說明,具體可參考 Simulator on PC
環(huán)境搭建
根據(jù)自己的需要、平臺和IDE下載模擬器,本人選擇 WIN10 + VS2022
IDE 選擇
Visual studio2022下載
VS2022安裝:
1、需要勾選C++桌面開發(fā),其他的如果不需要暫時可以不選
2、必要的組件安裝,LVGL的支持的visual studio PC模擬器是根據(jù)Vs2019的生成工具生成,需要把VS2019的工具集安裝上
模擬器代碼下載
LVGL官網(wǎng)介紹的LVGL所支持的PC模擬器:
1、進(jìn)入倉庫后我們就直接點(diǎn)擊Code下載第一個PC模擬器文件
2、進(jìn)入LVGL.LvglPlatform文件分別點(diǎn)擊下面三個文件夾去里面下載對應(yīng)的里面的源碼
- freetype
- lv_drivers
-
lvgl
PC模擬器搭建
-
解壓lv_port_win_visual_studio-master壓縮包
-
LVGL.LvglPlatform文件夾下載中的freetype、lv_drivers、lvgl 文件,解壓并復(fù)制到對應(yīng)的文件夾中。
-
文件全部復(fù)制完成之后就可以直接打開啟動文件啟動Visual studio
-
VS2019的工具集選擇
-
右鍵選擇工程,點(diǎn)擊生成開始編譯, 編譯通過后選擇本地調(diào)試器開始運(yùn)行,能夠加載出官方實例就證明移植成功了。
其他配置項說明
1、debug log 等級修改
在LVGL.Simulator/lv_conf.h中,修改LV_USE_LOG 選擇開不開起debug log, 修改LV_LOG_LEVEL 選擇 debug log的開啟等級,如圖
2、文件系統(tǒng)使用
在LVGL.Simulator/lv_conf.h中,文件系統(tǒng)默認(rèn)是使用的WIN32,
修改配置如下
#define LV_USE_FS_WIN32 1
#if LV_USE_FS_WIN32
#define LV_FS_WIN32_LETTER '/'
#define LV_FS_WIN32_PATH "D:\\SD" //此處可使用你自己的目錄
#define LV_FS_WIN32_CACHE_SIZE 0
#endif
然后,開啟main函數(shù)中的如下代碼
lv_fs_dir_t d;
if (lv_fs_dir_open(&d, "/") == LV_FS_RES_OK)
{
char b[MAX_PATH];
memset(b, 0, MAX_PATH);
while (lv_fs_dir_read(&d, b) == LV_FS_RES_OK)
{
LV_LOG_ERROR("%s\n", b);
}
lv_fs_dir_close(&d);
}
編譯并運(yùn)行程序,查看控制臺窗口,是不是應(yīng)該出現(xiàn)指定目錄下的所有目錄和文件,是的話則文件系統(tǒng)啟用成功
3、屏幕的分辨率的設(shè)置
打開項目之后,查看LVGL.Simulator.cpp 在single_display_mode_initialization 函數(shù)中修改屏幕的分辨率文章來源:http://www.zghlxwxcb.cn/news/detail-449784.html
bool single_display_mode_initialization()
{
if (!lv_win32_init(
GetModuleHandleW(NULL),
SW_SHOW,
800, //輸出屏幕的寬
480, //輸出屏幕的高
LoadIconW(GetModuleHandleW(NULL), MAKEINTRESOURCE(IDI_LVGL))))
{
return false;
}
lv_win32_add_all_input_devices_to_group(NULL);
return true;
}
4、添加一個UI文章來源地址http://www.zghlxwxcb.cn/news/detail-449784.html
- 使用SquareLine_Studio_Windows工具繪制一個UI界面
- 在LVGL.Simulator\lvgl目錄下新建一個屬于自己的目錄,如 hmi
- 將繪制的UI源碼全部復(fù)制到hmi目錄下
- LVGL.Simulator.cpp中添加對應(yīng)的頭文件,并在main中調(diào)用繪制UI的函數(shù)接口
到了這里,關(guān)于LVGL WIN32模擬器環(huán)境搭建的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!