LCD智能液晶顯示模塊-數(shù)字和觸摸鍵控件應(yīng)用

TOPWAY 智能模塊(Smart LCD)是專為工業(yè)顯示應(yīng)用而設(shè)計(jì)的 TFT 液晶模塊。 客戶可通過我司提供的界面編輯軟件(RGTools/SGTools)快速實(shí)現(xiàn)用戶界面設(shè)計(jì), 完全組態(tài)式的設(shè)計(jì)方式,設(shè)計(jì)用戶界面過程中不需要寫任何代碼。軟件提供了 18 個(gè)控件， 通過些控件能實(shí)現(xiàn)豐富的顯示效果和功能。如下介紹通過數(shù)字控件和觸摸鍵控件實(shí)現(xiàn)的界面。具體步驟如下：

1、建立工程
①打開 RGTools，點(diǎn)擊菜單欄建立新工程"文件"->"新建工程"；
② 輸入工程名字工程名；
③ 輸入工程保存位置；
④ 選擇智能模塊分辨率；（注意: 選擇的分辨率要和模塊屏幕分辨率一致,否則顯示亂）
⑤ 選擇合適設(shè)備型號(hào)（參考所購模塊標(biāo)簽,如標(biāo)簽為 HMT070ATA-1C,則選 HMT070xxx）

2、建立頁面，導(dǎo)入背景圖
① 資源欄右擊Pages，選擇New Page,建立一個(gè)新的頁面 PG0000（此處只需一個(gè)頁面，故無需重新再建，多個(gè)頁面需新建）;
② 資源欄右擊Background Image，選擇Import Background Image導(dǎo)入一個(gè)背景圖

3、關(guān)聯(lián)頁面和背景圖
① 如下圖，點(diǎn)擊PG0000設(shè)置右邊屬性；
② “Style”中的“Background Images”，選擇頁面背景圖DP0000，將背景圖和頁面關(guān)聯(lián)。

4、設(shè)置字符串字體
a. 點(diǎn)擊上方工具欄 Font setting-Font Config<2>

b. 建立字體參數(shù)

①②Width:32 Height：64 38
③Size：70，選擇Bold
④選擇Center
⑥點(diǎn)擊Gnerate — ok

5、建立字符串元素，設(shè)置屬性值
①導(dǎo)航欄點(diǎn)擊數(shù)字控件，拖出文本框
②屬性：Style-Font：32x64_Arial_160 ；Font Color：00ff00
Format-Align：Center
Content-VP Address：0x080000

6、建立觸摸鍵，設(shè)置屬性值
ID:0
①工具欄點(diǎn)擊觸摸鍵
②在頁面拖出矩形框，尺寸與圖片中的按鍵一樣，創(chuàng)建觸摸鍵元素
③X:52 Y:211 width:198 height:198
④On Press Down: Inverse Color
⑤Call Operation：VP:=VP+Value
⑥VP Address：0x080000
⑦Title Value：10

ID:1
①工具欄點(diǎn)擊觸摸鍵
②在頁面拖出矩形框，尺寸與圖片中的按鍵一樣，創(chuàng)建觸摸鍵元素
③X:301 Y:211 width:198 height:198
④On Press Down: Inverse Color
⑤Call Operation：VP:=VP+Value
⑥VP Address：0x080000
⑦Title Value：1

7、新建頁面，建立觸摸鍵盤
①新建頁面，命名為PG0001-KB
②工具欄點(diǎn)擊鍵盤控件
③拖出矩形框，顯示如圖觸摸鍵盤

8、PG0000頁面建立觸摸鍵盤
①工具欄點(diǎn)擊矩形控件
②拖出矩形框，
③屬性：X:550 Y:211 width:198 height:198
On Press Down: Inverse Color
Call Keyboard：PIP Number Keyboard
VP Address：0x080000

④選擇PIP窗口，與PG0001-KB頁面關(guān)聯(lián)，Ctrl+鼠標(biāo)可將顯示內(nèi)容放至PIP鍵盤內(nèi)，調(diào)整框的大小到尺寸合適

⑤設(shè)置PIP鍵盤結(jié)果顯示文本框

Font：32x64_Arial_160 ；Font Color：00ff00 Background Color：000000 Format-Align：Center

9、下載工程

10、上電顯示

顯示效果如圖