一、引言

隨著日新月異技術(shù)的涌現(xiàn)，人機(jī)交互的應(yīng)用越來(lái)越廣泛，在各個(gè)行業(yè)領(lǐng)域都有涉及。TOPWAY智能模塊是專門為工業(yè)顯示應(yīng)用而設(shè)計(jì)的TFT液晶模塊，可以通過(guò)官方提供的“界面編輯軟件”快速實(shí)現(xiàn)用戶界面設(shè)計(jì)，且完全是組態(tài)式的設(shè)計(jì)方式，設(shè)計(jì)用戶界面過(guò)程不需要任何代碼。只需要外部系統(tǒng)發(fā)送接收簡(jiǎn)單的串口指令就能完成人機(jī)交互的過(guò)程。極大減輕外部系統(tǒng)的配置與負(fù)荷要求，從而降低硬件成本、設(shè)計(jì)成本。本文將介紹拓普微的智能顯示模塊如何通過(guò)上位機(jī)與簡(jiǎn)單的外部系統(tǒng)來(lái)實(shí)現(xiàn)冰箱控制顯示。

二、需求分析

1. 冷藏與冷凍的分區(qū)溫度顯示

在屏幕上需要顯示出冷藏與冷凍的溫度分別是多少，在本文中采用一路溫度采集只顯示冷藏溫度，冷凍與冷藏同理不在多余演示。

2. 冷藏與冷凍區(qū)分別溫度調(diào)節(jié)

在屏幕上設(shè)計(jì)出溫度調(diào)節(jié)按鈕與調(diào)節(jié)擋位顯示，能通過(guò)屏幕控制在外部系統(tǒng)中的LED燈亮度來(lái)表示溫度調(diào)節(jié)效果。

3. 超時(shí)關(guān)門提醒

在長(zhǎng)時(shí)間沒(méi)有關(guān)門的情形下，需要顯示提示和聲音提示。通過(guò)按下按鍵來(lái)表示開(kāi)門動(dòng)作，當(dāng)按鍵長(zhǎng)時(shí)間按下會(huì)觸發(fā)聲光提示。

三、界面設(shè)計(jì)

經(jīng)過(guò)一番草圖構(gòu)思，設(shè)計(jì)出如下圖的冰箱顯示效果。滿足冷藏與冷凍的溫度區(qū)分顯示，冷藏與冷凍區(qū)分別溫度調(diào)節(jié)，以及超時(shí)關(guān)門提醒。額外添加了一個(gè)時(shí)鐘顯示效果優(yōu)化界面內(nèi)容。顯示效果中分別用到了智能顯示模塊中的字符顯示的應(yīng)用，顯示數(shù)字的應(yīng)用，進(jìn)度條的應(yīng)用，變量圖標(biāo)的應(yīng)用，觸摸鍵的應(yīng)用，日期時(shí)鐘的應(yīng)用。

1. 創(chuàng)建界面

首先需要用官方的界面編輯軟件TOPWAY SGTools，軟件打開(kāi)界面如圖所示清晰整潔明了。

打開(kāi)應(yīng)用后選擇新建工程，命名工程名，工程要保存的位置，選擇使用的智能屏分辨率以及相對(duì)應(yīng)的設(shè)備型號(hào)。在這里我依據(jù)手里的智能屏屏幕大小選擇1024*600分辨率，設(shè)備型號(hào)選擇HMT070ETD-1D，點(diǎn)擊確定新建工程完成。

新建完成后界面如下圖，就可以開(kāi)始創(chuàng)建自己需要智能屏顯示的內(nèi)容了。

2. 中文字符顯示的應(yīng)用

在工具欄中點(diǎn)擊“字符串”在頁(yè)面中創(chuàng)建靜態(tài)字符串控件。

設(shè)置字符串控件屬性如下，需要選擇“48_GB2312_SONG(48X48)”字體，否則顯示不了中文，其次選擇自己喜歡的字體顏色，以及所需要顯示的文本。

3. 顯示數(shù)字的應(yīng)用

在工程資源欄中右擊“16位數(shù)字變量”選擇“新建VP（自動(dòng)）”在這里依據(jù)自己需求選擇多少位的數(shù)字變量，在這里我使用的是16位數(shù)字變量來(lái)顯示整數(shù)。

創(chuàng)建完成數(shù)字變量后在工具欄中點(diǎn)擊“數(shù)字控件”在頁(yè)面中創(chuàng)建出“數(shù)字控件”。

設(shè)置數(shù)字控件屬性，本文中使用的是整數(shù)顯示效果。設(shè)置字體為“120 NUM SevenSegment (72x 120)”，設(shè)置字體顏色，設(shè)置背景色，設(shè)置VP地址為自己所創(chuàng)建的VP值，其余按照默認(rèn)屬性值即可。

在下載完工程后，連接串口，通過(guò)串口往VP地址：0X080000寫入數(shù)據(jù)0X0064顯示數(shù)字100，發(fā)送的指令如下：AA 3D 000800000064 CC 33 C3 3C，就可以在創(chuàng)建的數(shù)字控件中顯示自己所需要顯示出的整數(shù)了，在本文中利用此功能顯示溫度。

4. 進(jìn)度條的應(yīng)用

創(chuàng)建VP值與顯示數(shù)字的應(yīng)用創(chuàng)建方法一致，不再多余贅述。新建VP值后在工具欄中選擇“進(jìn)度條控件”在頁(yè)面中創(chuàng)建“進(jìn)度條控件”。

設(shè)置進(jìn)度條控件屬性，本文中使用的是從左到右的顯示效果。設(shè)置進(jìn)度條顏色，設(shè)置背景色，設(shè)置間隔、步進(jìn)寬度，設(shè)置VP地址為自己所創(chuàng)建的VP值相對(duì)應(yīng)即可，其余按照默認(rèn)屬性值即可。

在下載完成工程后，連接上串口并供電，發(fā)送指令顯示（50%進(jìn)度）：AA 3D 000800040032 CC 33 C3 3C，就可以看到顯示屏上的進(jìn)度條在50%進(jìn)度上了，發(fā)送0-100的十六進(jìn)制數(shù)可以控制進(jìn)度條進(jìn)度。例如發(fā)送命令（80%）：AA 3D 000800040050 CC 33 C3 3C。

5. 圖標(biāo)的應(yīng)用

圖標(biāo)需要我們提前在網(wǎng)上找出來(lái)自己所需要顯示的圖標(biāo)，在本文中就不再贅述如何找圖標(biāo)，著重描述如何應(yīng)用圖標(biāo)這個(gè)控件。首先在資源窗口中，右擊“圖標(biāo)”選擇“導(dǎo)入圖標(biāo)”，選中所需要用到的圖標(biāo)，點(diǎn)擊“打開(kāi)”完成圖標(biāo)導(dǎo)入。

在工具欄中選擇“靜態(tài)圖標(biāo)控件”，在頁(yè)面中創(chuàng)建“靜態(tài)圖標(biāo)控件”將所需要顯示的圖標(biāo)的位置創(chuàng)建。

在靜態(tài)圖標(biāo)控件中選擇所需要顯示的圖標(biāo)即可。

上述為靜態(tài)圖標(biāo)，在顯示關(guān)門提醒時(shí)有用到變量圖標(biāo)，在未關(guān)門時(shí)間超時(shí)顯示效果為灰色報(bào)警與紅色報(bào)警交替顯示，其變量圖標(biāo)使用方法如下：首先創(chuàng)建變量圖標(biāo)與關(guān)聯(lián)VP值，創(chuàng)建VP值步驟與之前數(shù)字控件一致，在工具欄中選擇“變量圖標(biāo)”在頁(yè)面中創(chuàng)建“變量圖標(biāo)控件”。

設(shè)置變量圖標(biāo)的首圖標(biāo)，在VP值選擇剛剛創(chuàng)建的VP值與之相對(duì)應(yīng)，最小值設(shè)為0最大值設(shè)為13（依據(jù)圖標(biāo)數(shù)而定），其余默認(rèn)即可。

連接串口并供電，發(fā)送圖標(biāo)顯示指令：AA 3D 000800080000 CC 33 C3 3C，對(duì)VP地址寫入相應(yīng)的值就可以控制顯示對(duì)應(yīng)圖標(biāo)了（注：對(duì)0x00080008地址寫入0x00數(shù)據(jù)顯示第一個(gè)圖標(biāo)，如果超出最大值不顯示圖標(biāo)。）

6. 觸摸鍵的應(yīng)用

在頁(yè)面中需要添加觸摸鍵的字符串或者圖標(biāo)右擊“添加觸摸鍵”即可添加觸摸鍵。創(chuàng)建VP值與之對(duì)應(yīng)，添加觸摸鍵完成后對(duì)屬性進(jìn)行設(shè)置。設(shè)置視覺(jué)效果，選擇需要的效果；設(shè)置運(yùn)算操作；設(shè)置VP地址。

7. 時(shí)鐘的應(yīng)用

在工具欄中選擇“模擬時(shí)鐘”在頁(yè)面中創(chuàng)建時(shí)鐘。

在時(shí)鐘屬性中設(shè)置出來(lái)自己喜歡的時(shí)鐘配色，格式。

上訴操作完成后整個(gè)界面設(shè)計(jì)工作算是完成了，接下來(lái)就是電路以及程序設(shè)計(jì)，完成整個(gè)冰箱顯示效果。