基于TOPWAY液晶屏的冰箱控制顯示設(shè)計

一、引言

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

二、需求分析

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

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

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

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

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

在長時間沒有關(guān)門的情形下，需要顯示提示和聲音提示。通過按下按鍵來表示開門動作，當(dāng)按鍵長時間按下會觸發(fā)聲光提示。

三、界面設(shè)計

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

1. 創(chuàng)建界面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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