1方案介紹設(shè)計(jì)思路

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

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

圖1 功能結(jié)構(gòu)圖

圖2 圖標(biāo)界面布局

圖3 設(shè)置功能選擇

圖4 PWM調(diào)節(jié)功能選擇

2設(shè)計(jì)應(yīng)用描述及心得總結(jié)

本案例在圖標(biāo)界面的設(shè)計(jì)中，主要涉及圖標(biāo)的制備、功能提示字的轉(zhuǎn)置處理、當(dāng)前功能的反顯、按鍵的控制處理及相應(yīng)功能的調(diào)用執(zhí)行等。

1. 圖標(biāo)的制備

關(guān)于圖標(biāo)的制備，可以使用圖像處理軟件自行繪制，也可以尋找合適的圖標(biāo)加以修改。然后將圖標(biāo)進(jìn)行標(biāo)準(zhǔn)化的處理，如尺寸規(guī)格的大體相近，風(fēng)格的基本統(tǒng)一等。隨后再使用相應(yīng)的輔助工具將小圖標(biāo)轉(zhuǎn)化為相應(yīng)的 *.h文件，以便對(duì)應(yīng)的函數(shù)進(jìn)行讀取和再現(xiàn)。

2.字體的轉(zhuǎn)置顯示

要實(shí)現(xiàn)字體的轉(zhuǎn)置顯示，其關(guān)鍵的處理就是將原來在橫向的顯示改為縱向顯示，其它方面視相應(yīng)的字體顯示函數(shù)修改即可。

3. 字體反顯

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

4.按鍵管理

為了便于功能的選擇，可將板載的3個(gè)鍵一同用上，并指定相應(yīng)的用途，如設(shè)一個(gè)前移鍵、一個(gè)后移鍵及一個(gè)確認(rèn)鍵。然后為按鍵的觸發(fā)賦予相應(yīng)的處理即可。

5.功能調(diào)用

為了便于功能的調(diào)用，可進(jìn)行模塊化的設(shè)計(jì)，然后以圖標(biāo)功能的選擇以相應(yīng)的功能號(hào)來調(diào)用相應(yīng)的功能模塊。在執(zhí)行相應(yīng)功能后，可按返回鍵以回到功能菜單。