win高分屏下Qt程序的界面适配处理

最新推荐文章于 2024-10-09 15:24:59 发布

__ocean

最新推荐文章于 2024-10-09 15:24:59 发布

阅读量9.8k

点赞数 3

分类专栏： C++ Qt 文章标签： qt c++ 高分屏缩放界面

本文链接：https://blog.csdn.net/hsshh1988/article/details/77326834

版权

Qt 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

C++

8 篇文章 0 订阅

订阅专栏

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

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

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

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

96 100%

120 125%

144 150%

192 200%

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

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

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

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;
}

测试程序具体应用如下：

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);
    }
}

适配后效果如下：