1、準備素材

  首先，準備好相應的素材，包括背景圖片及圖示圖片。在將圖片或者圖示下載到DWIN屏裡時，需要使用圖示庫生成工具，將其生成字尾為【.icl】的圖示庫檔案。圖示庫生成工具支援的圖片格式為：JPEG、BMP、PNG格式。
  對於T5L1 CPU平臺，在生成過程中，單個圖片檔案的大小不要超過 256KB。

  背景圖片及圖示的製作可以通過PhotoShop來做，或者找專業的美工或者平面設計人員設計，只要保證圖片的解析度和自己手裡的DWIN屏一致就行了。

2、新建工程

  在新建工程前，先要建立一個資料夾來存放工程檔案。

開啟 DGUS Tool 工具軟體

點選新建工程

選擇與 DWIN屏 對應的解析度，以及專案工程存放的路徑

3、新增背景圖片

4、生成0號字型檔以及背景圖片庫檔案、圖示庫檔案

  在新增【顯示控制元件】、【觸控控制元件】之前，需要先生成0號 ASCII 字型檔以及背景、圖示庫檔案




將生成的 0號字型檔檔案 剪下到建立的工程目錄資料夾中的 DWIN_SET資料夾中


至此，0號字型檔已成功生成。下面生成背景圖片庫及圖示庫檔案 【.icl】檔案





至此，背景圖片的圖片庫檔案已成功生成。

【特別說明】當點選生成的時候，單個圖片大於256KB時，會有提示，並將對應圖片的那一行標紅，此時只要選中這一行，然後將 JPG圖片質量改小，然後點選【選擇設定】即可，這樣壓縮後可以減小圖片的大小。

  在生成圖示庫檔案之前，先檢視下上面生成的【32_背景圖片.icl】檔案的大小，找到專案工程資料夾下的DWIN_SET資料夾，找到【32_背景圖片.icl】檔案，右擊-屬性

  看到我這邊生成的檔案是【2.19MB】，由於 【1MB=1024KB】且內部Flash儲存器分割成一個一個的256KB的子空間，所以1MB=1024KB=1024KB/256KB=佔4個字型檔地址，【2.19MB則佔 2.19*4 = 8.76個字型檔地址，字型檔地址沒有小數，所以實際佔9個字型檔地址】。由於背景圖片庫檔案【32_背景圖片.icl】從32號位置開始存放，佔用了9個字型檔地址，所以下一個icl檔案需要存放在【32+9=41】41號位置。
  圖示庫檔案的生成方式和背景圖片庫檔案的生成方式一樣，只要選擇相應的圖示圖片即可，然後在生成 ICL 檔案時，檔名需要命名為 41 開頭的 .icl 檔案就好。

5、新增控制元件

5.1、新增顯示控制元件

  此處以新增【變數圖示顯示】控制元件為例，【變數圖示顯示】控制元件是指將一個資料變數的變化範圍線性對應一組 ICON 圖示顯示；當變數變化時，圖示也自動相應切換。多用於精細的儀表板、進度條顯示。該顯示功能通常配合增量調節、數字錄入來使用。
  支援背景疊加和透明度設定，背景濾除強度可以設定。

【變數圖示顯示】控制元件屬性設定說明

5.1、新增觸控控制元件

  此處以新增【基本觸控】控制元件為例，【基本觸控】控制元件是指最基本的手指點選觸控

6、儲存工程及生成檔案

7、下載檔案

  將 DGUS Tool 軟體生成的檔案拷貝到 SD 卡下的DWIN_SET資料夾內，然後給 迪文屏先斷電—插入SD卡—重新給迪文屏上電，等待下載完成

  當看到迪文屏上顯示有 END！ 字樣時說明已經下載成功