LVGL的使用:運行LVGL的PC模擬器例程


LVGL的使用:運行LVGL的PC模擬器例程

@

寫在前面

2021-8-2
eclipse搭建的模擬環境在今天,已經比不上vs+win32API或者vscode+sdl的環境好用了,推薦使用上述兩種環境進行開發。詳情見lvgl的github倉庫

LVGL是一個開源的圖形庫,提供了創建嵌入式GUI所需的一切,具有易於使用的圖形元素、漂亮的視覺效果和低內存占用。

lvgl官網

安裝JRE(Java Runtime Environment)或JDK(Java SE Development Kit)

安裝jdk或jre后配置環境變量,注意版本兼容問題!

安裝MinGW

網上有很多安裝MinGW的方法,筆者認為較為簡單的方法如下:

下載codeblocks在這里插入圖片描述
並安裝,其安裝目錄下自帶MinGW環境
在這里插入圖片描述

Codeblocks的MinGW目錄如下:
在這里插入圖片描述

題外話:

可以將MinGW\bin目錄添加到系統環境變量中,這樣就可以直接在控制台調用gcc等工具了

安裝Eclipse CDT 即eclipse for c/c++

下載鏈接

https://mirrors.tuna.tsinghua.edu.cn/eclipse/technology/epp/downloads/release/2020-12/R/eclipse-cpp-2020-12-R-win32-x86_64.zip

解壓在這里插入圖片描述

運行eclipse.exe

個人建議建議修改工作空間名稱為
在這里插入圖片描述

便於和其他版本eclipse區分

配置下eclipse常規設置,此處不再贅述

安裝SDL2

① 安裝SDL的開發庫,打開https://www.libsdl.org/download-2.0.php下載SDL2-devel-2.0.5-mingw.tar.gz
在這里插入圖片描述

② 解壓文件在這里插入圖片描述
在這里插入圖片描述

注意 64位MinGW進入x86_64-w64-mingw32目錄

32位MinGW進入i686-w64-mingw32目錄

③ 以64位MinGW為例

在這里插入圖片描述

1)復制include目錄下文件到系統MinGW的include目錄下

例: SDL2-2.0.14\x86_64-w64-mingw32\include復制到

MinGW\x86_64-w64-mingw32\include

2)復制lib目錄下文件到系統MinGW的lib目錄下

操作方法同上

下載lv_sim_eclipse_sdl例程

git clone https://github.com/lvgl/lv_sim_eclipse_sdl.git

如果下載速度過慢,請轉至gitee下載

目錄結構

在這里插入圖片描述

添加依賴文件

1. 將SDL2-2.0.14\x86_64-w64-mingw32\bin\SDL2.dll復制到Debug文件夾中
(注意變通)
2. 若lv_drivers lv_examples lvgl文件夾為空,請單獨下載文件后放入對應文件夾中
鏈接:
git clone https://github.com/lvgl/lv_drivers.git
git clone https://github.com/lvgl/lv_examples.git
git clone https://github.com/lvgl/lvgl.git
下載完成后直接復制到lv_sim_eclipse_sdl目錄下
注: lv_examples文件夾很大,如果下載慢,解決辦法同上。

添加例程到Eclipse CDT

  1. 運行eclipse cdt
  2. 依次點擊File -> Import -> General -> Existing Projects into Workspace -> Next -> Browse 選擇例程目錄,然后點擊Finsh
  3. 右鍵單擊項目-> Properties -> C/C++ Build -> Settings -> 找到Libraries選項

在這里插入圖片描述

若上述界面缺少任何一項,請點擊Add逐個添加,並保持上述順序mingw32,SDL2main,SDL2

在這里插入圖片描述

准備運行——編譯執行

在這里插入圖片描述

1. 請點擊上方圖片中的錘子圖標進行編譯
2. 編譯過程難免會出現錯誤,請注意觀察錯誤信息並尋找解決辦法

在這里插入圖片描述

(踩坑)編譯完成后,點擊綠色按鈕運行里模擬器例程

運行出錯,以下是錯誤信息
在這里插入圖片描述

運行pc_simulator時出現了一個問題,找不到lv_simple_eclipse_sdl\Debug\lv_sim_eclipse_sdl

我們打開項目Debug文件夾,發現存在可執行程序,嘗試運行

在這里插入圖片描述

在這里插入圖片描述

可以看到, 程序運行沒有任何問題

筆者的解決辦法如下:

  1. 打開編輯pc_simulator.launch

在這里插入圖片描述

  1. 找到文件如下位置

在這里插入圖片描述

  1. 修改value屬性值 "Debug/lv_sim_eclipse_sdl" 為 ”Debug/lv_sim_eclipse_sdl.exe“
  2. 再次嘗試運行,沒有問題了

在這里插入圖片描述

講到這里

利用LVGL可以在嵌入式顯示設備上開發出精美的圖形界面,相信你一定會喜歡的
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM