QT程序在不同dpi下的字体自适应问题
问题描述
近日在做关于Qt的一个上位机项目,开发时使用的屏幕分辨率为1080*1902,开发完成后,传到笔记本上给导师展示的时候发现有些字体出现显示不全的情况(如下图所示),经过一番折腾,找到一个初步解决方案,故分享出来供大家讨论。
问题分析
该问题主要由于屏幕的dpi不同所致。dpi反映的是每英寸长度内的像素个数,屏幕的dpi大,每英寸内的像素个数多。Qt中控件的大小单位为像素,所以在高dpi下,控件会变小,低dpi下控件会变大。但Qt中字体的单位默认为磅,这意味着无论在什么显示器上显示同一磅值的字体,其大小是不会发生变化的。所以这就造成了矛盾,本来在低dpi屏幕下开发的应用程序,在高dpi屏幕上使用时就可能因控件变小而造成字体显示不全的情况。
问题解决
通过上述分析,我们会很自然地想到,将字体的单位换算成像素就可以解决该问题了。
下面给出换算公式:
pixel = dpi*point/72
其中pixel为像素值,point为磅值,dpi为开发时所使用屏幕的dpi值,注意一定时开发使用的屏幕的dpi值而不是当前使用的屏幕的dpi值。
QT获取屏幕dpi的方法:
double dpi = QApplication::primaryScreen()->logicalDotsPerInch();
下面是我针对Qt应用所编写的类,其主要功能是搜索当前界面中指定的几类控件,并将文字的单位由磅转化为像素。
头文件
#ifndef FONTSELFADAPTION_H
#define FONTSELFADAPTION_H
#include <QWidget>
/**
* @brief 该类主要用于解决因dpi不同导致的字体显示不全问题,目前支持对label、groupbox、RadioButton、
* tableWidget、QComboBox、QPushButton中字体的转化,如有其他控件需求,可在selfAdaption中自
* 行添加
*/
class FontSelfAdaption
{
public:
FontSelfAdaption(QWidget *widget,double dpi);
void setDpiOfDevelopmentPC(double dpi);
double getDpiOfDevelopmentPC();
double getDpiOfThisPC();
void selfAdaption();
private:
QWidget *widget;
double dpiOfDevelopmentPC;
double dpiOfThisPC;
inline double pointToDpiPixel(int fontPointSize);
};
#endif // FONTSELFADAPTION_H
源文件
#include "fontselfadaption.h"
#include <QApplication>
#include <QScreen>
#include <QLabel>
#include <QGroupBox>
#include <QRadioButton>
#include <QComboBox>
#include <QDebug>
#include <QTableWidget>
#include <QHeaderView>
/*
构造函数,输入当前widget指针,一般为this,以及开发时屏幕的dpi
*/
FontSelfAdaption::FontSelfAdaption(QWidget *widget,double dpi)
{
this->widget = widget;
this->dpiOfDevelopmentPC = dpi;
}
void FontSelfAdaption::setDpiOfDevelopmentPC(double dpi){
this->dpiOfDevelopmentPC = dpi;
}
double FontSelfAdaption::getDpiOfDevelopmentPC(){
return this->dpiOfDevelopmentPC;
}
double FontSelfAdaption::getDpiOfThisPC(){
return QApplication::primaryScreen()->logicalDotsPerInch();
}
inline double FontSelfAdaption::pointToDpiPixel(int fontPointSize){
return dpiOfDevelopmentPC*fontPointSize/72.0;
}
/**
* @brief FontSelfAdaption::SelfAdaption 该函数用于将字体大小单位由磅转化为像素,如果控件之间有包含关系,请先转化父控件,再转化子控件;
*/
void FontSelfAdaption::selfAdaption(){
QVector<QWidget*> widgetVector,labelVector,groupBoxVector,comboVector,buttonVector,radioVector,tableVector,lineEditVector;
QList<QWidget*> objectList = widget->findChildren<QWidget*>();//获取所有子控件
for (int i = 0;i<objectList.size(); i++) {
if (objectList.at(i)->inherits("QGroupBox")) {
groupBoxVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QLabel")){
labelVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QComboBox")){
comboVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QPushButton")){
buttonVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QRadioButton")){
radioVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QTableWidget")){
//qDebug() << "table";
tableVector.push_back(objectList.at(i));
}else if(objectList.at(i)->inherits("QLineEdit")){
lineEditVector.push_back(objectList.at(i));
}
}
//对子控件进行排序,包含其他控件的控件放在前面,防止Qss被覆盖
widgetVector.append(groupBoxVector);
widgetVector.append(labelVector);
widgetVector.append(comboVector);
widgetVector.append(buttonVector);
widgetVector.append(radioVector);
widgetVector.append(lineEditVector);
QVector<double>widgetPixelVector;
for (int i=0;i<widgetVector.size();i++) {
widgetPixelVector.push_back(pointToDpiPixel(widgetVector.at(i)->fontInfo().pointSize()));
}
for (int i = 0; i<widgetVector.size();i++) {
widgetVector.at(i)->setStyleSheet("font-size:"+QString::number(static_cast<int>(widgetPixelVector.at(i)+0.5))+"px");
}
//牵扯到表头,对表格单独处理
for (int i =0;i<tableVector.size();i++) {
QTableWidget* tableWidget = static_cast<QTableWidget*>(tableVector.at(i));
tableWidget->horizontalHeader()->setStyleSheet("font-size:"+QString::number(static_cast<int>(pointToDpiPixel(9)+0.5))+"px");
tableWidget->horizontalHeader()->setSectionResizeMode(QHeaderView::ResizeToContents);
tableWidget->setStyleSheet("font-size:"+QString::number(static_cast<int>(pointToDpiPixel(9)+0.5))+"px");
}
}
程序使用说明
FontSelfAdaption f(this,dpi); //this为当前widget的指针,dpi为开发时所有屏幕的dpi
f.selfAdaption();
结果与问题
通过处理后的界面如下图所示
由此可以看到文字已经可以完全显示了,但是也存在着字体变小的问题,如果各位对该问题有更好的解决方法,可以一起讨论。