基于拓普微HMT070ETD-1D液晶模塊的充電樁顯示屏設(shè)計

引言

在中國，乃至全球，“碳排放”的環(huán)境問題日益突出，交通出行又在我們?nèi)粘９ぷ髋c學(xué)習(xí)必不可少。兩者的矛盾之間的緩和方法之一——新能源汽車，就是非常好的辦法。隨著新能源汽車的保有量不斷增加，充電樁的需求也越來越強。

充電樁系統(tǒng)設(shè)計方案涉及強電，計費，聯(lián)網(wǎng)，顯示，保護等多種功能模塊。本文將介紹使用拓普微HMT070ETD-1D液晶模塊設(shè)計的充電樁顯示屏，該方案顯示屏獨立設(shè)計，TCP以太網(wǎng)接口進行數(shù)據(jù)交互，快速、穩(wěn)定且非常方便集成到充電樁系統(tǒng)。

目標功能

1. 仿照國家電網(wǎng)現(xiàn)有充電樁顯示屏操作方式

2. 需要有二維碼生成與顯示功能。分別將用于充電樁付費信息的安全鏈接生成；充電樁本樁信息的顯示，便于運維工作人員快速采集充電樁的各種信息

3. 廣告界面的顯示。主要以圖片滾動顯示的方式，顯示運營商的廣告推廣信息等

4. 背景圖片的添加，參數(shù)的顯示，數(shù)值的顯示

5. 觸摸屏的使用，如按鈕

6. 靈活地通訊接口，如串口，以太網(wǎng)接口

7. 充電界面，包含以下信息：充電電壓、充電電流、充電時間、充電費用、電池SOC等

8. 充電完成界面，包含以下信息：充電總時間，充電電量，充電總費用等

9. 停止充電按鍵，即用戶可提前手動結(jié)束充電

拓普微液晶模塊

拓普微HMT070ETD-1D 7寸液晶屏，其模塊化、一體化設(shè)計，自供電的方式，非常適合充電樁項目中各個模塊的獨立開發(fā)與系統(tǒng)集成。

拓普微顯示的開發(fā)套件中直接提供了二維碼控制的生成，可直接使用拖動方式在設(shè)計界面中添加。

拓普微顯示屏提供了串口與以太網(wǎng)接口的原生支持。

拓普微顯示屏有充足的Flash空間，可以用來保存圖片及數(shù)據(jù)。

拓普微顯示屏的工具中提供文本添加，數(shù)字顯示控制等非常適合生成運行信息的展示

制作過程

考慮到220v充電的實驗環(huán)境安全成本較高，亦較難實現(xiàn)，本次以給手機充電為實驗環(huán)境，獲取手機充電過程中的實際數(shù)據(jù)為顯示數(shù)據(jù)。

來自拓普微的demo

深圳拓普微公司的智能液晶屏HMT070ETD-1D包裝簡約實用。內(nèi)容也分為三個部分：液晶屏和線，說明書與填充豐富的泡沫。坦白講，這泡沫還真是扛事，外包裝的紙箱都壓變型了，其保護了產(chǎn)品屏幕無絲毫影響。找來了DC2.5mm的接頭，直流小電源，將電壓輸出調(diào)整到標準的12v，打開輸出，出廠自帶的demo程序便展示在了眼前。

屏保界面展示了滑動開鎖的應(yīng)用，操作起來靈敏度適中，也很順利的進入了主程序。

主程序是其余幾個demo，分別是石油、化工常見的管道控制應(yīng)用，儀表盤應(yīng)用、數(shù)據(jù)曲線圖等以不同的領(lǐng)域和背景做出來的常見應(yīng)用演示示例。

看過演示示例，一方面可以肯定我將要設(shè)計的充電樁控制顯示屏肯定沒有技術(shù)難點了；另一方面，我覺得，我的設(shè)計方案是不是大材小用了。

充電樁待機界面

充電樁的三個典型狀態(tài)之一——待機狀態(tài)。參考國家電網(wǎng)的設(shè)計方案，其充電樁在待機的時候是循環(huán)播放圖片廣告。所以我也就參考其設(shè)計，設(shè)計成這個樣子了。

我使用了拓普微的界面設(shè)計工具，添加底部的文字與兩張圖片（軟件里稱為圖標），用于顯示我們的贊助商。

在左上——動畫控制，該控件可以設(shè)置要顯示的圖片組，并且可以設(shè)置播放速度，將滾動圖片的功能一分鐘輕松解決！贊！??！

在右上部添加了時鐘顯示，用來顯示當前的時間，在右中部添加了一個二維碼來標識充電樁的基本信息，比如計費，維護等。

時鐘、二維碼的設(shè)計實在是太方便了，控件拖拽即完成——特別地貼心。

充電樁充電界面

充電樁的三個核心狀態(tài)之一充電狀態(tài)。充電狀態(tài)要以最直觀的數(shù)據(jù)方式顯示給客戶?，F(xiàn)在是什么狀態(tài)，充了多少電，已經(jīng)花了多少錢？

當然，還要有停止充電的操作按鍵。

在設(shè)計界面的時候，參考了拓普微設(shè)計手冊的建議，將固定字符串與背景圖設(shè)計在一起，雖然靈活度看似下降，但確實節(jié)省了數(shù)據(jù)空間，減少了算力需求，增加了顯示屏的顯示速度。

先上一個界面的圖。

數(shù)據(jù)顯示數(shù)字的增加也非常方便，直接拖拽控件即可，然后再添加變量，給數(shù)字控件分配一個寄存器地址。

在通訊的過程中，與Modbus協(xié)議類似，都是寫入或讀取寄存器地址的方式，所以對于Modbus這個通用的全球標準大家還是非常值得學(xué)習(xí)與借鑒的。

以下是我本次數(shù)據(jù)的指令，非常方便與拓普微的顯示屏通訊的。

charge fee

aa 3d 00 08 00 0C 00 EA cc 33 c3 3c

charge voltage

aa 3d 00 08 00 04 01 FA cc 33 c3 3c

charge current

aa 3d 00 08 00 06 03 EA cc 33 c3 3c

charge power

aa 3d 00 08 00 08 00 EA cc 33 c3 3c

charge soc

aa 3d 00 08 00 0e 00 5A cc 33 c3 3c

charge time

aa 3d 00 08 00 0a 00 5A cc 33 c3 3c

充電樁充電完成

充電樁的三個核心狀態(tài)最后一個狀態(tài)——充電完成狀態(tài)。充電完成狀態(tài)主要是提示當前的充電完成后的信息，如充電時間，充電電量，充電費用。

在經(jīng)過前兩個界面的設(shè)計后，這個最后一個界面在有了GUI后，實現(xiàn)過程非常順利。大致僅用了10分鐘左右。

這里也給大家一個tip：咱們在設(shè)計的時候，需要先將所需要的變量，或者需要的變量先設(shè)計并保存起來。當界面設(shè)計的時候，需要哪些變量顯示，直接從這個變量里面選擇。如果不需要這個變量，則空閑此變量，而不要不設(shè)計，不提供，甚至刪除其變量?！@樣為后續(xù)升級會帶來一些不必要的困難。

串口是調(diào)試口，網(wǎng)口才是通訊口

顯示屏提供了RS232協(xié)議電平的DB9接口，非常適合我們通過PC機調(diào)試，但其由于接口獨占的方式，并不適合多機接入，而這時，以太網(wǎng)的通訊方式便輕松解決上述煩惱。

下面，我們來看看使用以太網(wǎng)通訊與顯示屏交互數(shù)據(jù)難不難？

我們首先要配置液晶屏的網(wǎng)口參數(shù)。通過工具=>工程設(shè)置=>網(wǎng)絡(luò)設(shè)置，打開如下面所示的界面。大家依自己的網(wǎng)絡(luò)環(huán)境配置對應(yīng)的參數(shù)。

接下來，使用普通的TCP client端就可以與液晶屏連接了。我首先使用了PC軟件進行了測試，參數(shù)配置，如下圖所示：

發(fā)送的數(shù)據(jù)內(nèi)容格式與串口通訊相同，這里就不做贅述了。網(wǎng)絡(luò)接口測試通過后，我們將液晶屏集成到我們系統(tǒng)里面來了。

液晶屏的OTA升級

我們在開發(fā)嵌入式程序時，多數(shù)情況下，為了便于以后增加功能或修正bug都會編寫固件在線升級模塊。那么我們的液晶屏也有在線升級模塊嗎？答案是肯定的。

液晶屏的固件燒寫，除了通過USB端口外，以太網(wǎng)接口也是可以的。經(jīng)過測試，我個人覺得較USB端口更加方便，也符合我們交叉編譯環(huán)境下的程序編寫——通過網(wǎng)絡(luò)，將主機程序同步到下位機嵌入式設(shè)備中。

液晶屏的固件升級程序是使用常用的TFTP協(xié)議，方便、簡潔。PC端軟件拓普微公司已經(jīng)幫我們設(shè)計完成了。只需要在這個界面里配置好參數(shù)，并將固件文件保存到指定位置即可。

簡單不！

系統(tǒng)連接圖

雖然桌子上面的線有亂，但是連接方式是以交換機為中心，以網(wǎng)線為連接方式，分別連接液晶屏，PC電腦，LPC1768開發(fā)板。如果放在充電樁的機柜里面，整齊的布線后，線路的思路就會非常清晰了。

一點建議

以太網(wǎng)接口也可以升級為PoE方式，不再需要額外的供電電線了，這樣對于布線就方便多了，更加適應(yīng)模塊化的項目中，如門禁顯示屏方案等。

開發(fā)雜記

液晶屏的界面設(shè)計是基于拓普微官方的設(shè)計軟件，其軟件免費下載安裝與使用，全程拖拽式設(shè)計，僅有少量的配置參數(shù)需要設(shè)計人員設(shè)計。保存配置，下載固件，一鍵完成。完美的“所見即所得”。

在官方技術(shù)人員胡工的協(xié)助下，將按鍵的實現(xiàn)方式修改為由狀態(tài)改變后的照片轉(zhuǎn)換的方式。制作的效果更加符合用戶習(xí)慣，效果也更加完美。

剛開始的時候，在設(shè)計滾動圖片時，將圖片保存在了單一背景頁面下，但此方式受限，在官方技術(shù)人員胡工的建議下，修改為多背景圖片的方式則輕松解決，效果更加流暢。