# QT編譯LVGL

## 準備材料
- QT 5.15 (看自己版本，這裡用5.15作範例)
- [LVGL庫](https://github.com/lvgl/lv_port_pc_eclipse)
- [SDL2庫](https://github.com/libsdl-org/SDL/releases/tag/release-2.26.5)

## LVGL庫下載
- 創建一個資料夾 LVGL_Workspace 來放下面的東西
- git clone https://github.com/lvgl/lv_port_pc_eclipse.git
- git clone https://github.com/lvgl/lvgl.git
- 為甚麼要下兩行克隆呢，因為lvgl是依賴庫，正常clone是不會一起下來的，所以分批下載，最後整理再一起。
- 
- 

## SDL2庫下載
- 選這個然後下載即可。

## 開始配置

1. 開啟你的QT Create，創建一份新的QT專案。
- 
2. 選擇編譯器，這裡我選32位元的
- 
3. 接下來一路下一步到底，創建完專案後，先別著急打開。首先打開你這個專案的目錄，接下來照下面的順序繼續操作。
4. 複製LVGL_Workspace/lv_port_pc_eclipse底下的3份文件和1份資料夾到專案的目錄底下:
- lvgl(資料夾，整份複製到專案目錄下的lvgl)
- lv_conf.h
- main.c
- mouse_cursor_icon.c
- 
## 位元選擇
- i686-w64-mingw32 這是32位元的庫
- x86_64-w64-mingw32 這是64位元的庫

5. 從SDL2複製\SDL2-2.26.5\i686-w64-mingw32\lib 到專案目錄下的lib ， 位元版本看各人選擇，這裡用32位元。
- 
6. 從SDL2複製\SDL2-2.26.5\i686-w64-mingw32\include\SDL2 到專案目錄下的SDL2 ， 位元版本看各人選擇，這裡用32位元。
- 
7. 最終目錄長這樣:
- 
8. 對著剛剛創建的專案右鍵，選擇Add Existing Directory
- 
9. 選擇目錄，這裡的目錄直接選擇專案目錄，因為我們已經把所需的材料都都放到這個專案目錄下面了，在過濾欄位填入:

*.c;*.h

- 
10. 這樣做.pro文件就會幫你連結這些h文件和c文件:
- 
11. 還記得上面的步驟有一步複製lib這個資料夾嗎?沒錯程式碼都匯入了，但是lib還沒有連結到，所以請在.pro這個配置檔底下，加上:

# 目錄請自行更換，這邊的目錄是我自己的專案目錄。
LIBS += -L "D:\QT_Project\Extract\LVGL_TEST\lib" -lSDL2

- 
- 
12. 最後就可以按下槌子了:
- 
13. 再來就是漫長的編譯了，順帶一題可以按下面這個4.編譯輸出來看狀態:
- 
- 編譯完成:
- 
14. 此時可以按下三角形符號的按鈕，運行程式，這時會跳錯誤:缺少SDL2.dll
- 
15. 找到你的QT專案輸出位置(通常是專案目錄的上一層QT會幫你生成一個編譯資料夾):
- 
- 進到這個目錄後，選擇你編譯的模式資料夾，如果你剛剛編譯的時候是選debug那就選debug資料夾，release同理。
- 例如我選debug
- 
- 那我就選debug這個資料夾
- 
16. 還記得最一開始下載的SDL2的資料夾嗎，找到你的位原選擇目錄(我是32位元)底下的bin資料夾底下就會有SDL2.dll這個檔案，把它複製到你的輸出目錄下面，像這樣:
- 
- 
17. enjoy!
-