首页 论坛 嵌入式软件专区 touchgfx gui TouchGFX实现放大镜效果
- Vsbdcnkldns Vas
-
17 发帖14 回复305 积分
- 私信他 + 关注
使用Win 7、Win10操作系统的小伙伴或多或少应该听说或是使用过一个系统自带的便捷小工具“放大镜”。放大镜,顾名思义可以放大任何窗口页面。
TouchGFX作为一款“集颜值与才华于一身”的嵌入式图形用户界面(GUI)的软件,同样也可以实现类似放大镜的功能。
今天,我们将给大家介绍如何用TouchGFX实现页面放大效果。
先给大家分享下教程的成果:
软件环境:TouchGFX4.12.3、Visual Studio 2017
教程图片下载
链接:
https://pan.baidu.com/s/1fcvCO0lsEtjrA0jxM-TQ9A 提取码: zbw4
1. 使用TouchGFX Designer创建一个工程,界面大小调整为所需的大小,在文件夹中找到assets/images文件,添加所需要用到的背景及放大镜图片资源。
2. 在Designer中创建一个box,将其设置为黑色,可以点击Visible左边的对勾,将其隐藏。然后添加上图文件中的背景图片bg.png,这样放大文字的时候会比较明显,再添加一段需要放大的文字。如下图所示:
至此,我们的准备工作就做完了,接下来的工作,需要靠VS来做,我们需要在文件夹中的simulator\msvs\路径下打开Application.sln,进行代码编写。
3. 找到MainViewView.hpp文件,先添加一些必要的头文件,然后定义一个放大镜,我们将通过对这个放大镜设置来实现放大的效果。
4. 在MainViewView.cpp文件中,设置放大镜的属性(大小、用的图片等),来实现放大的功能。
5. 点击本地Windows调试器,运行程序,即可看到演示效果。演示效果如下图所示:
我们可以通过拖拽放大镜,来实现不同部位的放大效果。如果有兴趣的话,也可以自己添加一些图片,按钮等,丰富自己的界面。
块
导
航
举报
请选择举报类别
- 广告垃圾
- 违规内容
- 恶意灌水
- 重复发帖