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)(參考所購(gòu)模塊標(biāo)簽,如標(biāo)簽為 HMT070ATA-1C,則選 HMT070xxx)
2、建立頁(yè)面,導(dǎo)入背景圖
① 資源欄右擊Pages,選擇New Page,建立一個(gè)新的頁(yè)面 PG0000(此處只需一個(gè)頁(yè)面,故無需重新再建,多個(gè)頁(yè)面需新建);
② 資源欄右擊Background Image,選擇Import Background Image導(dǎo)入一個(gè)背景圖
3、關(guān)聯(lián)頁(yè)面和背景圖
① 如下圖,點(diǎn)擊PG0000設(shè)置右邊屬性;
② “Style”中的“Background Images”,選擇頁(yè)面背景圖DP0000,將背景圖和頁(yè)面關(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)擊觸摸鍵
②在頁(yè)面拖出矩形框,尺寸與圖片中的按鍵一樣,創(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)擊觸摸鍵
②在頁(yè)面拖出矩形框,尺寸與圖片中的按鍵一樣,創(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、新建頁(yè)面,建立觸摸鍵盤
①新建頁(yè)面,命名為PG0001-KB
②工具欄點(diǎn)擊鍵盤控件
③拖出矩形框,顯示如圖觸摸鍵盤
8、PG0000頁(yè)面建立觸摸鍵盤
①工具欄點(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頁(yè)面關(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、上電顯示
顯示效果如圖
-
單片機(jī)
+關(guān)注
關(guān)注
6032文章
44516瀏覽量
633035 -
lcd
+關(guān)注
關(guān)注
34文章
4411瀏覽量
167099 -
液晶顯示
+關(guān)注
關(guān)注
6文章
584瀏覽量
40264 -
人機(jī)界面
+關(guān)注
關(guān)注
5文章
524瀏覽量
44102 -
TFT-LCD
+關(guān)注
關(guān)注
13文章
151瀏覽量
31765
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
評(píng)論