視頻教程請關注我b站：同學_好好學習，這里只是做相應的筆記文稿

前言：
首先我們為什么要學習LVGL設計工具呢？

1 降低開發難度

2 提高開發效率 所以我們需要學習一款合適的設計工具

在b站很少看到有講gui guider的一些使用視頻，這個教程是從零上手GUI Guider學習LVGL，我將講述我在學習這款軟件一些技巧，并分享lvgl知識，期間如果有錯誤，請及時指出！

1 準備工作

• 1 打開gui guider軟件，并建立項目

• 2 用vscode打開項目

• 3 打開lvgl8.3版本內容（這里推薦百問網的網站）

?2 界面介紹

3 組件介紹——按鍵

1 Button

對于Button來說，我認為有以下內容來拼接：

• 1 一個矩形區域組件（包含基礎的屬性）

  • 1 Border（外框）

  • 2 Shadow（陰影）

  • 3 Background（背景）

• 2 Label（可以修改文本大小、樣式和內容）

這是修改外框、陰影、背景以及文本屬性的Button，可以更加直觀的看出來：

接下來注重講一下組件屬性區的功能：???

• 1當前組件的主要信息，名字、位置、大小、以及相關標志位（如hidden，checked等）
• ?2 Label屬性設置
  

• 3 樣式設置區
  

當前狀態下會分不同情況，比如Button：

• 1 Default

• 2 Focused

• 3 Preseed

• 4 Checked

• 5 Disabled
  

如果我想做一個按下按鈕，進行Buttton切換背景顏色，并鎖定當前按下的狀態：

• 1添加可以勾選的標志位
  

• 2 切換到勾選狀態下的屬性設計，設置不同背景顏色
  

• 3 顯示效果如下：