• Qt 使用全局缩放进行全分辨率适配(QT_SCALE_FACTOR)


    事出有因
      因为现在做的一个项目是全程全屏显示的。因此不同屏幕分辨率对程序界面的影响太大。而UI设计的时候又没有过多的考虑自动布局这方面的事。
      虽然在刚开始做界面的时候已经尽量利用自动布局来做,但是有些控件提供的图片大小不太合适,在做的时候只能给控件设置固定大小。在测试不同分辨率的时候发现界面展现的效果不同。于是就开始想办法做分辨率适配。

    偶然事件
      具体忘记当时在搜索什么东西了,大概应该是高分屏适配的问题。在qt的一篇官方文档中发现了这个好东西:

    QT_SCALE_FACTOR [numeric] defines a global scale factor for the whole application, including point-sized fonts.

    QT_SCALE_FACTOR
      它是一个QT的环境变量,看它的字面意思是缩放因子或者叫缩放系数。
      这东西咋用的呢?看一段示例代码:

    qputenv("QT_SCALE_FACTOR", "2.0");

      就这么简单。但是有个条件,就是这句代码需要放再QApplication实例初始化之前。
    它有什么效果呢?
      它是用来控制整个程序界面的所有元素的缩放比例的一个环境变量。上面这句代码的效果就是将整个界面放大为原来的2倍。
    来看效果:

     

    怎么用呢

      从上面两张图可以看出来,在缩放的时候是整个界面进行缩放的。不管是pt单位还是px单位都进行了缩放 。
    那么代码就可以这样写。

    1     //这个是Windows平台用来获取屏幕宽度的代码,
    2     //因为在qApplication实例初始化之前,QGuiApplication::screens();无法使用。
    3     qreal  cx = GetSystemMetrics(SM_CXSCREEN);
    4     qreal scale = cx / 960;                // 960 = 1920 / 2
    5     qputenv("QT_SCALE_FACTOR", QString::number(scale).toLatin1());

      上面代码大概意思就是通过对比当前屏幕的分辨率和设计分辨率(960×540)来确定程序的整体缩放比例。
      这样无论在哪种分辨率情况下界面展现的效果都是一样的。
    备注:
      为什么设计分辨率是960×540。因为它是1920×1080的一半。而现在设备的常用分辨率基本上都是1920×1080;更重要的是我自己的电脑分辨率就是1092×1080,因此我的界面设计的时候就是按照1920×1080分辨率设计的。这样的话我只需要将界面上所有元素的大小减半就行了。另外一个重要的原因就是缩放系数不能小于1.0,不然会出bug,至于到底会发生什么,自己试试就知道了。

    后遗症
      通过上面两张图,你会发现这个全局缩放引发了两个问题:

      图片放大的时候有锯齿。
      字体在缩放的时候质量不太好。
    因此需要另外两个东西来解决这两个问题。

    调整图片缩放质量

    1 //控制图片缩放质量
    2 QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    3 QCoreApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);

    文字质量
      这需要使用另外一个东西”qt.conf“。
    内容如下。

    1 [Platforms]
    2 WindowsArguments = fontengine=freetype

    将这个文件放入程序的资源中。路径为":/qt/etc/qt.conf"

    来看效果:

    注意事项
      缩放系数必须大于等于1.0,不然会出现一些奇怪的问题。而且必须是小数形式的字符串。即使缩放系数经过计算后是整数也要写成小数形式。即1920/960 = 2要写成2.0传递进去。
    至于获取屏幕尺寸的问题,有些代码提供了一个思路,就是先初始化一个临时的QApplocation获取到屏幕大小后再释放掉,我不建议这么做,因为在我的项目中这样做引起了一些bug,偶尔会闪退。建议自己根据平台不同多写几行代码。

  • 相关阅读:
    01 《i》控制字体大小 v-for循环绑定类名 v-bind 结合三目运算 动态添加类
    右侧是长方形和半圆结合 光标放上去在规定时间内完成动画
    04-align-content 它对于当单行是没有效果的
    03-flex-wrap是否换行
    02-align-items的用法
    01--顶部的通告特效---仅显示一条一条滚动
    洛谷P2392 kkksc03考前临时抱佛脚(01背包/搜索)
    蓝桥杯 9大臣的旅费(树的直径)
    蓝桥杯 8买不到的数目(数论/线性DP)
    蓝桥杯 7连号区间数(暴力or并查集(?)
  • 原文地址:https://www.cnblogs.com/ybqjymy/p/14821043.html
Copyright © 2020-2023  润新知