TOPWAY 智能模塊(Smart LCD)是專(zhuān)為工業(yè)顯示應(yīng)用而設(shè)計(jì)的 TFT 液晶模塊。 客戶(hù)可通過(guò)我司提供的界面編輯軟件(RGTools/SGTools)快速實(shí)現(xiàn)用戶(hù)界面設(shè)計(jì), 完全組態(tài)式的設(shè)計(jì)方式,設(shè)計(jì)用戶(hù)界面過(guò)程中不需要寫(xiě)任何代碼。軟件提供了 18 個(gè)控件, 通過(guò)些控件能實(shí)現(xiàn)豐富的顯示效果和功能。如下介紹通過(guò)數(shù)字控件和觸摸鍵控件實(shí)現(xiàn)的界面。具體步驟如下:
1、建立工程
①打開(kāi) RGTools,點(diǎn)擊菜單欄建立新工程"文件"->"新建工程";
② 輸入工程名字工程名;
③ 輸入工程保存位置;
④ 選擇智能模塊分辨率;(注意: 選擇的分辨率要和模塊屏幕分辨率一致,否則顯示亂)
⑤ 選擇合適設(shè)備型號(hào)(參考所購(gòu)模塊標(biāo)簽,如標(biāo)簽為 HMT070ATA-1C,則選 HMT070xxx)
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3SAf4rnAAFg4sqMZik747.jpg)
2、建立頁(yè)面,導(dǎo)入背景圖
① 資源欄右擊Pages,選擇New Page,建立一個(gè)新的頁(yè)面 PG0000(此處只需一個(gè)頁(yè)面,故無(wú)需重新再建,多個(gè)頁(yè)面需新建);
② 資源欄右擊Background Image,選擇Import Background Image導(dǎo)入一個(gè)背景圖
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3SAEopKAACNHFNxTtc718.jpg)
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3SAaXZpAAGhw6M7GHs062.jpg)
3、關(guān)聯(lián)頁(yè)面和背景圖
① 如下圖,點(diǎn)擊PG0000設(shè)置右邊屬性;
② “Style”中的“Background Images”,選擇頁(yè)面背景圖DP0000,將背景圖和頁(yè)面關(guān)聯(lián)。
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3SAQUN2AACS0eeimGE665.jpg)
4、設(shè)置字符串字體
a. 點(diǎn)擊上方工具欄 Font setting-Font Config<2>
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3OAErMZAAChiUr7Noo461.jpg)
b. 建立字體參數(shù)
①②Width:32 Height:64 38
③Size:70,選擇Bold
④選擇Center
⑥點(diǎn)擊Gnerate — ok
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3SAQKu6AAFLE1-DEYg775.jpg)
5、建立字符串元素,設(shè)置屬性值
①導(dǎo)航欄點(diǎn)擊數(shù)字控件,拖出文本框
②屬性:Style-Font:32x64_Arial_160 ;Font Color:00ff00
Format-Align:Center
Content-VP Address:0x080000
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3SAQnLkAAJSMYeafPg911.jpg)
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
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3SAHqjiAAHpcAN5-Lw845.jpg)
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
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3aAbiO3AAHpBuLgeWM498.jpg)
7、新建頁(yè)面,建立觸摸鍵盤(pán)
①新建頁(yè)面,命名為PG0001-KB
②工具欄點(diǎn)擊鍵盤(pán)控件
③拖出矩形框,顯示如圖觸摸鍵盤(pán)
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3WAXq7LAAF9zqH-6ys191.jpg)
8、PG0000頁(yè)面建立觸摸鍵盤(pán)
①工具欄點(diǎn)擊矩形控件
②拖出矩形框,
③屬性:X:550 Y:211 width:198 height:198
On Press Down: Inverse Color
Call Keyboard:PIP Number Keyboard
VP Address:0x080000
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3WAbUzGAAH1OHY1PHY861.jpg)
④選擇PIP窗口,與PG0001-KB頁(yè)面關(guān)聯(lián),Ctrl+鼠標(biāo)可將顯示內(nèi)容放至PIP鍵盤(pán)內(nèi),調(diào)整框的大小到尺寸合適
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3WAPb2kAAElLWLASxw544.jpg)
⑤設(shè)置PIP鍵盤(pán)結(jié)果顯示文本框
Font:32x64_Arial_160 ;Font Color:00ff00 Background Color:000000 Format-Align:Center
![](https://file.elecfans.com/web2/M00/28/70/pYYBAGHEP3WAe9PxAAE3YqHmnFo522.jpg)
9、下載工程
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3WAFUMvAAGN1KKTCZQ388.jpg)
10、上電顯示
顯示效果如圖
![](https://file.elecfans.com/web2/M00/28/6A/poYBAGHEP3aASVueAAD3As6YSHI305.jpg)
-
單片機(jī)
+關(guān)注
關(guān)注
6043文章
44623瀏覽量
638834 -
lcd
+關(guān)注
關(guān)注
34文章
4438瀏覽量
168445 -
液晶顯示
+關(guān)注
關(guān)注
6文章
588瀏覽量
40414 -
人機(jī)界面
+關(guān)注
關(guān)注
5文章
534瀏覽量
44264 -
TFT-LCD
+關(guān)注
關(guān)注
13文章
152瀏覽量
31920
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
基于FPGA的LCD1602液晶顯示模塊驅(qū)動(dòng)設(shè)計(jì)
![基于FPGA的<b class='flag-5'>LCD</b>1602<b class='flag-5'>液晶顯示</b><b class='flag-5'>模塊</b>驅(qū)動(dòng)設(shè)計(jì)](https://file1.elecfans.com/web1/M00/F3/9D/wKgZoWcZ7F-ASazfAAEGXwnTv5k101.png)
液晶顯示屏原材料主要有哪些
液晶顯示屏是什么材料做的
液晶顯示屏與led顯示屏的區(qū)別
OBOO鷗柏:布局于為無(wú)人機(jī)展廳行產(chǎn)業(yè)提供LCD液晶顯示終端
![OBOO鷗柏:布局于為無(wú)人機(jī)展廳行產(chǎn)業(yè)提供<b class='flag-5'>LCD</b><b class='flag-5'>液晶顯示</b>終端](https://file1.elecfans.com/web2/M00/0A/0A/wKgaomcGBoCADI3iAADs4ZR_NNY470.png)
OBOO鷗柏:布局于為室外充電樁產(chǎn)業(yè)提供LCD商用液晶顯示終端
![OBOO鷗柏:布局于為室外充電樁產(chǎn)業(yè)提供<b class='flag-5'>LCD</b>商用<b class='flag-5'>液晶顯示</b>終端](https://file1.elecfans.com/web2/M00/05/5B/wKgaombOugOALlcQAABU7YLvGPY628.png)
天馬牽頭《汽車(chē)座艙液晶顯示模塊》標(biāo)準(zhǔn)獲立項(xiàng)
LCD屏和觸摸屏的PCB設(shè)計(jì)
![<b class='flag-5'>LCD</b>屏和<b class='flag-5'>觸摸</b>屏的PCB設(shè)計(jì)](https://file1.elecfans.com/web2/M00/FD/27/wKgZomaYiZqAKyOxAAAqbWHuO2Q072.png)
超低功耗LCD段筆式液晶顯示驅(qū)動(dòng)芯片VKL092Q簡(jiǎn)介
天馬牽頭汽車(chē)座艙液晶顯示模塊標(biāo)準(zhǔn)獲立項(xiàng)
如何選擇工業(yè)液晶顯示器和消費(fèi)類(lèi)顯示器?
天馬牽頭兩項(xiàng)液晶顯示器件國(guó)家標(biāo)準(zhǔn)發(fā)布
![天馬牽頭兩項(xiàng)<b class='flag-5'>液晶顯示</b>器件國(guó)家標(biāo)準(zhǔn)發(fā)布](https://file1.elecfans.com/web2/M00/E8/16/wKgaomZK_XeAQ05cAAS_O0SlE6M784.png)
液晶模塊是什么?液晶模塊和液晶顯示屏有什么區(qū)別?
支持集成伽馬基準(zhǔn)的液晶顯示器 (LCD) 偏置電壓TPS65642數(shù)據(jù)表
![支持集成伽馬基準(zhǔn)的<b class='flag-5'>液晶顯示</b>器 (<b class='flag-5'>LCD</b>) 偏置電壓TPS65642數(shù)據(jù)表](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
評(píng)論