Qt笔记 -- 高分屏下界面适配处理

在高分屏的设备内，如果程序没有进行适配，那么界面就会太小而看不清楚，而且系统显示比例的缩放对程序也不生效。下面是Qt程序界面显示适配系统缩放的一种解决方法。

Qt封装

	// 获取屏幕的横纵向dpi
	int dpiX = QApplication::desktop()->logicalDpiX();
	int dpiY = QApplication::desktop()->logicalDpiY();

Windows 系统API

获取windows系统的像素密度，也就是DPI

    // Get desktop dc
    desktopDc = GetDC(NULL);
    // Get native resolution
    horizontalDPI = GetDeviceCaps(desktopDc, LOGPIXELSX);
    verticalDPI = GetDeviceCaps(desktopDc, LOGPIXELSY);

其次，定义比例获取函数，返回缩放因子

    const float DEFAULT_DPI = 96.0;
    float winDpiScale()
    {
        HDC screen = GetDC(NULL);
        FLOAT dpiX = static_cast<FLOAT>( GetDeviceCaps( screen, LOGPIXELSX ) );
        ReleaseDC( 0, screen );
     
        return dpiX / DEFAULT_DPI;
    }

PS.此DPI因子也可以在系统的注册表内读取到，路径如下：计算机\HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics，项为AppliedDPI。不过由于权限的原因，通常不采用读取注册表的方法。

DPI和缩放比的关系

horizontalDPI的返回值应该和verticalDPI的返回值是相同的。
如果系统没有设置缩放，则返回96，对应的是100%，其他对应值如下：

返回值	缩放比
96	100%
120	125%
144	150%
192	200%

以上比例是系统默认提供的，如果是自定义比例，用获取到的返回值除以96即可得到对应的显示比例。

测试程序具体应用如下：

1.简易界面设计

代码片段如下：

    const static int fixedWidth = 320;
    const static int fixedHeight = 480;
     
    const static int fontSize = 12;
    const static int btnW = 120;
    const static int btnH = 20;
     
     
    void Dialog::slot_chkNewDpiSet()
    {
        float scale = winDpiScale();
     
        if(ui->chk_setDPI->isChecked())
        {
            ui->chk_setDPI->setText(tr("当前界面缩放为") + QString::number(scale * 100));
     
    		int newWidth = fixedWidth * scale;
    		int newHeight = fixedHeight * scale;
            this->setFixedSize(newWidth, newHeight);
     
    		QString qss = tr("QWidget { font-size: %0px; } #btnWbTest{ width: %1px; height: %2px; }").arg(fontSize*scale).arg(btnW*scale).arg(btnH*scale);
    		this->setStyleSheet(qss);
        }
        else
        {
            ui->chk_setDPI->setText(tr("适应系统缩放"));
            this->setFixedSize(fixedWidth, fixedHeight);
     
    		QString qss = tr("QWidget { font-size: %0px; } #btnWbTest{ width: %1px; height: %2px; }").arg(fontSize).arg(btnW).arg(btnH);
    		this->setStyleSheet(qss);
        }
    }

适配后效果如下：

其他界面资源的设置同理，选择适当大小的资源，然后设置宽高时乘以缩放因子就好。