【迪文COF结构智能屏试用体验】+触摸键输入功能的实现

jinglixixi

2022-3-11 19:27:08

2207 显示屏

本帖最后由 jinglixixi 于 2022-3-13 20:53 编辑

前面在介绍环境状态检测仪时，就含有触摸键输入要求，这里就说一说它的实现方法。

输入界面如图1所示，其作用就是可以输入时间和时间，见图2所示。

图1界面形式

图2输入时间与日期

那么在添加完背景图后，该来完成所需的功能呢？

为实现所需的功能，其设计界面如图3所示。其中时间和日期的显示是使用

控件；“确认”和“取消”键时使用

控件，功能是实现返回主界面；而全部录入键则也是使用基础触控控件。

图3设计界面

以时间的文本输入为例，其效果的设置如图4所示。

其中文本长度是用来限定录入的字符数量，即只能输入8个字符，对于日期的文本长度则是10。

录入模式是选取“重新录入”，即在录入为空的基础上进行录入；另一种则是“修改文本”，则作用是在已设置的初试值基础上进行录入。原打算是使用“修改文本”，因为这样不但可以减少录入量，也有利于向使用者提示录入的格式，但比较诧异的是显示的内容与设置的初试值不一致，故只好舍弃了该模式的使用。

至于录入显示区域的设置，则是点击“设置”键，然后在实现的背景图上以拖曳的方式绘制出一个用来显示录入文本的矩形区域。

图4文本录入控件设置

以“1”键为例，对它的设置如图5所示。其中对键值的设置方法是，先选取“完全按键定义”，随后点击“Set”键。

图5录入键的设置

随后会弹出图5所示的对话框，从中点击“1”即可。

图6键值设置

在完成全部控件的设置后，点击

即可进行模拟显示，其效果见图7所示。

该预览功能是十分有用的，借助该功能可以免除多次下载测试的消耗。

不过在使用中发现，对于图标页面平移来讲该预览功能是无效的。

图7模拟演示

细心者可能会发现，界面上是标有“-”和“：”键的，但由表1可知，“：”与“；“是使用同一个键码，在不使用上档键的情况下较难显示，故以“/”代替“-”键，也“.” 代替“:”键.

表1 键码表

在使用时，为选取不同的录入对象，需事先在该对象的录入位置点击一个鼠标或是触摸一下，当出现光标后即可进行点击或触摸录入。

实现文本录入的界面和设计分别如图8和图9所示，其执行界面如图10所示。

图8

图9

图10

视频演示：https://www.bilibili.com/video/BV15i4y1C7wM/

只看该作者 淘帖0 举报

精选推荐

【迪文COF结构智能屏试用体验】使用MPU6050与COF屏实现航空姿态仪表

8503 浏览 1 评论
【迪文COF结构智能屏试用体验】智能车载系统应用

6121 浏览 0 评论
【迪文COF结构智能屏试用体验】+触摸调节式云台及视角状态指示器

4552 浏览 1 评论
【迪文COF结构智能屏试用体验】+智能家居桌面中控系统开发展示+3D打印外壳资料

57807 浏览 1 评论
【迪文COF结构智能屏试用体验】+结构简洁的MP3音乐播放器

5738 浏览 3 评论

创建小组步骤

创建小组创建自己的地盘
个性设置精心打造小组空间
邀请好友邀请好友加入我的小组
小组升级小组积分升级赢得社区推荐

创建属于自己的小组

快速回复 返回顶部 返回列表

关注微信公众号

电子发烧友网

电子发烧友论坛

社区合作: 刘勇; 联系电话：15994832713; 邮箱地址：liuyong@huaqiu.com

社区管理: elecfans短短; 微信：elecfans_666; 邮箱：users@huaqiu.com

返回迪文智能屏

搜索历史

【迪文COF结构智能屏试用体验】+触摸键输入功能的实现

相关推荐

精选推荐

最新话题

热门话题

创建小组步骤

站长推荐 /6