1方案介紹設計思路

擁有一塊TFT彩色液晶屏作為交互界面，如果不為它添加一個圖標式的界面總感到它有些屈才了，所以決定為它配上一個圖標化的操作界面，但稍有遺憾的是該TFT屏沒配觸摸功能，否則就更完美了。

使用GD32 Colibri-F450VE小紅板，板載的芯片具體型號是GD32F450VET6，引出了全部I/O，方便的設計驗證，并連接了TFT液晶屏。完成后的界面布局如圖1所示，配合3個按鍵的使用就可以反顯的方式指示出當前的功能選擇，選擇效果分別如圖2~圖4所示。

圖1 功能結構圖

圖2 圖標界面布局

圖3 設置功能選擇

圖4 PWM調節功能選擇

2設計應用描述及心得總結

本案例在圖標界面的設計中，主要涉及圖標的制備、功能提示字的轉置處理、當前功能的反顯、按鍵的控制處理及相應功能的調用執行等。

1. 圖標的制備

關于圖標的制備，可以使用圖像處理軟件自行繪制，也可以尋找合適的圖標加以修改。然后將圖標進行標準化的處理，如尺寸規格的大體相近，風格的基本統一等。隨后再使用相應的輔助工具將小圖標轉化為相應的 *.h文件，以便對應的函數進行讀取和再現。

2.字體的轉置顯示

要實現字體的轉置顯示，其關鍵的處理就是將原來在橫向的顯示改為縱向顯示，其它方面視相應的字體顯示函數修改即可。

3. 字體反顯

多數字體的顯示都是采用前景色進行顯示，它具有處理速度快的特點，但在相同位置進行內容更新時卻會產生顯示重疊。而采用前景色和背景色的顯示方式，則可以彌補這方面的不足。此外，也為反顯提供了方便。在反顯時，只需互換前景色和背景色即可。

4.按鍵管理

為了便于功能的選擇，可將板載的3個鍵一同用上，并指定相應的用途，如設一個前移鍵、一個后移鍵及一個確認鍵。然后為按鍵的觸發賦予相應的處理即可。

5.功能調用

為了便于功能的調用，可進行模塊化的設計，然后以圖標功能的選擇以相應的功能號來調用相應的功能模塊。在執行相應功能后，可按返回鍵以回到功能菜單。