[经验]

【拓普微智能显示模块HMT070ETD-1D试用】+使用触摸键实现多界面切换

jinglixixi

2021-11-23 12:25:59

981 开发板试用

在工程应用中离不开多个界面的配合使用，相对来讲普通的TFT屏是难以单独完成此任务的，因为界面中的图像就很耗费存储空间，更别说是多个界面的协同运行了。

那拓普微智能显示模块能处理好这个问题吗？

为此进行了一下测试，就是利用触摸键来实现多界面切换。

要知道对于1024*600像素的显示屏来说，一幅16位色的界面图片就要占有1228800字节。

实现多界面切换的制作步骤如下：

1. 使用图像处理软件将选取的图片处理成1024*600像素大小的图片，以作背景图片。

2. 在工程资源面板，右击“背景图”，并在快捷菜单中选取“导入背景图”，见图1所示。

随后选取结果处理的背景图即可。

图1导入背景图

3. 在工程资源面板，右击“新建页面”，见图2所示。

图2新建页面

4. 重复步骤2和3，导入4张背景图并新建4个页面。

5. 选取不同的页面，在属性面板的背景图一栏，选取对应的背景图为界面，见图3和图4所示。

图3选取背景图

图4首页内容

图5末面内容

6. 依次为其他页面添加好背景图

7. 点击“静态字符串”图标，在页面中通过拖动鼠标来设置字符串的显示位置及区域大小，然后在属性面板按图6所示来选取字体为宋体24*24点阵并输入静态文本的内容。

图6设置静态字符串属性

8. 复制该静态字符串到各页面，值得指出的是这样可保证其显示位置在各页面不会发生改变。

9. 点击“触摸键”图标，在页面中通过拖动鼠标来设置触摸键的位置及区域大小，然后及其复制到各页面。

10. 在中间2个页面添加“上一页”的静态字符串及触摸键，见图7所示。

图7设置前后页面切换键

11. 为各触摸键添加跳转的页面名称，见图8所示。

图8添加目标页面

12. 进行编译并使用USB口加以下载，在重新上电后，则可用界面上的触摸键在各界面间自由地进行切换，若页面再多一些，则大有数码相框的感觉！

图9首页

图10 第2页

图11第3页

图12末页

只看该作者 淘帖0 举报

精选推荐

【拓普微智能显示模块HMT070ETD-1D试用】之网口升级问题求解

11852 浏览 1 评论
【拓普微智能显示模块HMT070ETD-1D试用】+使用网口下载程序及通讯

2402 浏览 0 评论

创建小组步骤

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

创建属于自己的小组

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

关注微信公众号

电子发烧友网

电子发烧友论坛

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

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

【优惠升级】华秋PCB首单最高立减100元，再返2000元优惠券！！！

返回拓普微科技

搜索历史

【拓普微智能显示模块HMT070ETD-1D试用】+使用触摸键实现多界面切换

相关推荐

精选推荐

最新话题

热门话题

创建小组步骤

站长推荐 /7