LCD智能液晶显示模块-数字和触摸键控件应用

描述

TOPWAY 智能模块(Smart LCD)是专为工业显示应用而设计的 TFT 液晶模块。 客户可通过我司提供的界面编辑软件(RGTools/SGTools)快速实现用户界面设计, 完全组态式的设计方式,设计用户界面过程中不需要写任何代码。软件提供了 18 个控件, 通过些控件能实现丰富的显示效果和功能。如下介绍通过数字控件和触摸键控件实现的界面。具体步骤如下:

 

1、建立工程
①打开 RGTools,点击菜单栏建立新工程"文件"->"新建工程";
② 输入工程名字工程名;
③ 输入工程保存位置;
④ 选择智能模块分辨率;(注意: 选择的分辨率要和模块屏幕分辨率一致,否则显示乱)
⑤ 选择合适设备型号(参考所购模块标签,如标签为 HMT070ATA-1C,则选 HMT070xxx)

TFT-LCD

 

2、建立页面,导入背景图
① 资源栏右击Pages,选择New Page,建立一个新的页面 PG0000(此处只需一个页面,故无需重新再建,多个页面需新建);
② 资源栏右击Background Image,选择Import Background Image导入一个背景图
 

TFT-LCD


 

TFT-LCD

 

3、关联页面和背景图
① 如下图,点击PG0000设置右边属性;
② “Style”中的“Background Images”,选择页面背景图DP0000,将背景图和页面关联。
 

TFT-LCD

 

4、设置字符串字体
a. 点击上方工具栏 Font setting-Font Config<2>

TFT-LCD

b. 建立字体参数

①②Width:32 Height:64  38
③Size:70,选择Bold
④选择Center
⑥点击Gnerate — ok

TFT-LCD

 

5、建立字符串元素,设置属性值
①导航栏点击数字控件,拖出文本框
②属性:Style-Font:32x64_Arial_160 ;Font Color:00ff00
Format-Align:Center
Content-VP Address:0x080000
 

TFT-LCD

 

6、建立触摸键,设置属性值
ID:0
①工具栏点击触摸键
②在页面拖出矩形框,尺寸与图片中的按键一样,创建触摸键元素
③X:52  Y:211  width:198  height:198
④On Press Down: Inverse Color
⑤Call Operation:VP:=VP+Value
⑥VP Address:0x080000
⑦Title Value:10
 

TFT-LCD


ID:1
①工具栏点击触摸键
②在页面拖出矩形框,尺寸与图片中的按键一样,创建触摸键元素
③X:301  Y:211  width:198  height:198
④On Press Down: Inverse Color
⑤Call Operation:VP:=VP+Value
⑥VP Address:0x080000
⑦Title Value:1
 

TFT-LCD

7、新建页面,建立触摸键盘
①新建页面,命名为PG0001-KB
②工具栏点击键盘控件
③拖出矩形框,显示如图触摸键盘

TFT-LCD


8、PG0000页面建立触摸键盘
①工具栏点击矩形控件
②拖出矩形框,
③属性:X:550  Y:211  width:198  height:198
              On Press Down: Inverse Color
              Call Keyboard:PIP Number Keyboard
              VP Address:0x080000

TFT-LCD

④选择PIP窗口,与PG0001-KB页面关联,Ctrl+鼠标可将显示内容放至PIP键盘内,调整框的大小到尺寸合适

TFT-LCD

⑤设置PIP键盘结果显示文本框

Font:32x64_Arial_160 ;Font Color:00ff00 Background Color:000000   Format-Align:Center

TFT-LCD

 

9、下载工程

TFT-LCD


10、上电显示

显示效果如图

TFT-LCD
打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分