端口扫描站长工具,网站手机版下悬浮条怎么做,昆明大型网站建设费用,数据库怎么建立wordpress写在前面
使用Qt开发界面客户端#xff0c;需要考虑不同分辨率及缩放对UI界面的影响#xff0c;否则会影响整体的交互使用。
问题
高分辨率/缩放设备上图片/图标模糊
若不考虑高分辨及缩放处理#xff0c;在高分辨率/缩放设备上#xff0c;软件中的图片、图标可能会出现…写在前面
使用Qt开发界面客户端需要考虑不同分辨率及缩放对UI界面的影响否则会影响整体的交互使用。
问题
高分辨率/缩放设备上图片/图标模糊
若不考虑高分辨及缩放处理在高分辨率/缩放设备上软件中的图片、图标可能会出现模糊的问题。
例如1920 * 1080 100%缩放下的图标如下 分辨率不变缩放调整到150%后图标便会模糊
高分辨率/缩放设备上控件尺寸问题
若不考虑高分辨及缩放处理在高分辨率/缩放设备上软件中的控件可能会由于尺寸放大而出现显示问题。
例如上面1920 * 1080 100%缩放下软件正常显示如下
分辨率不变缩放调整到150%后控件尺寸会被系统自动放大而出现显示问题
Qt对高分辨率、缩放的支持
Qt对高分辨率的支持
在Qt中可以通过布局管理器 控件的最大/小尺寸限制 QSizePolicy 来处理不同分辨率下控件的尺寸问题。
在不考虑缩放的情况下通过布局管理器 控件的最大/小尺寸限制 QSizePolicy 使界面适应不同分辨率。 1920*1080 100%缩放
1366 * 768 100%布局管理器 控件的最大/小尺寸限制 QSizePolicy “组合拳”使得界面自适应分辨率的变化
Qt对高缩放的支持
在Qt中可以通过Qt::AA_EnableHighDpiScaling属性自动适应设备的高缩放设置。
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);设置Qt::AA_EnableHighDpiScaling属性后调整到高缩放时使用系统匹配的大小显示。
这种情况称为缩放敏感性的标准行为。
即当用户增加系统的缩放设置时控件尺寸会被系统自动拉大以便在高分辨率上更容易阅读和操作。
自动拉大的尺寸由系统决定这时就有可能会超出软件范围影响UI、甚至交互效果。
如果设置Qt::AA_DisableHighDpiScaling属性则不应用Qt对高缩放的处理。
QCoreApplication::setAttribute(Qt::AA_DisableHighDpiScaling);设置Qt::AA_DisableHighDpiScaling属性后无论设置多大的缩放界面都会以默认显示的方式展示不会被系统自动调整尺寸。
这样的设置的问题是在高分辨率/缩放的设备上整个软件界面都会模糊。
处理方案
对高分辨率的处理使用Qt提供的布局管理器 控件的最大/小尺寸限制 QSizePolicy 是通用的选择。
对高缩放的处理可以衍生出以下三种方案
启用Qt的高DPI属性
即使用缩放敏感性的标准行为调整到高缩放时使用系统匹配的大小显示。
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);优点一行代码搞定无需另外在代码中做缩放的处理。 缺点控件尺寸会被系统拉伸无法精准控制可能会导致界面变形或被拉伸到屏幕之外。
不启用Qt的高DPI属性
QCoreApplication::setAttribute(Qt::AA_DisableHighDpiScaling);优点一行代码搞定无需另外在代码中做缩放的处理。 缺点在高分辨率、缩放设备上运行整个软件界面可能都会糊掉。
自定义缩放处理
如果希望当系统缩放设置增大时应用能相应地缩小以保持相同的视觉效果可以自定义实现缩放处理。
这通常被称为DPI缩放感知。
注意 这不是标准的缩放敏感性行为。通常当用户增加系统的缩放设置时他们期待更大的UI元素以便在高分辨率上更容易阅读和操作。反过来如果应用在用户增加系统缩放设置时缩小自己的UI那么可能会引发用户的迷茫和困扰因为他们把系统的缩放设置调大却看到应用的UI反而变小了。
大致原理如下 在软件初始化时初始化并维护一个缩放因子。
初始化各个界面控件时使用该缩放因子重新设置控件的尺寸。
当系统调整缩放时更新缩放因子并重新应用更新后的缩放因子到各个界面的控件上重新设置控件尺寸。
通用处理方案
通过以下两个实际案例可以得知通用的处理方式
UI以小尺寸设计向上兼容兼容方式可选启用或不启用高DPI属性一般选择启用高DPI属性来避免界面模糊。
使用布局管理器自动处理分辨率变化使用Qt的高DPI属性处理缩放变化。
方案示例
可以参考一些成熟的Windows客户端的处理方案
Windows飞书客户端
1920 * 1080分辨率 100%缩放显示窗口尺寸: 1276 * 660:
调整为150%缩放后计算推断尺寸1276 * 1.5 1914 660 * 1.5 990实际尺寸1920*1000
MarkText
1920 * 1080分辨率 100%缩放显示窗口尺寸:1190 * 679 调整为150%计算推断尺寸1190 * 1.5 1785 679 * 1.5 1018缩放后实际尺寸1784*1004
总结
本文以Qt客户端开发中遇到的高分辨率、缩放问题引出Qt对高分辨率、缩放的支持并衍生出三种对高分辨率、缩放问题的处理方式。
最后参考程序的Windows客户端程序总结了一种通用的高分辨率、缩放处理方案。
当然也得根据应用场景、实际需求来选择合适的处理方式。
