方案一:首先做出来界面,然后在不同的分辨率下调整一套qml文件并用文件夹管理,最后根据不同的分辨率来加载不同文件夹中的文件。这种方法类似于android下自适应屏幕分辨率的实现方法。
方案二:qml界面上全部都使用布局管理器Layout,在Layout中不能设置x,y,width,height等否在容易造成循环绑定。
设置一个最小分辨率,调整qml文件适应该分辨率;
设置一个最大分辨率,调整qml文件使用该分辨率;
如果屏幕分辨率小于设置的最小的分辨率,就出现滚动条;
如果屏幕分辨率大于设置的最大分辨率,就只拉伸背景窗体。
方案三:在默认分辨率下做一套qml界面出来(如1920*1080),
界面中全部不用布局管理器Layout,只使用绝对定位、锚定位anchors;
计算 水平方向缩放因子 = 屏幕水平分辨率 / 默认水平分辨率1920.0;
计算 垂直缩放因子 = 屏幕垂直分辨率 / 默认垂直分辨率1080.0;
每个界面中只要使用到绝对坐标定位的x, y, width, height都乘以对应的缩放因子进行绑定;
每个界面中只要是使用到锚定位topMargin, bottomMargin, leftMargin, rightMargin都乘以对应的缩放因子进行绑定。
最近做qml程序,为了适应不同分辨率的屏幕,着实绞尽脑汁。目前采用方案三,虽然麻烦一些,不管在800*600的小屏幕分辨率到1920*1080下的都适应的还不错。
最后有些资料也不错,值得参考。
QML 缩放 —— 不同设备的适配显示解决方案:
https://www.jianshu.com/p/3f10c2989ca2
一、环境介绍
操作系统: win10 64位
QT版本: QT5.12.6
编译器: MinGW 32
二、实现代码
每次程序打开之后,根据当前屏幕分辩率进行计算缩放系数,然后设置界面上的控件尺寸,不管有没有使用布局器都可以设置。
/**************************************************
作者: DS小龙哥
环境: win10 QT5.12.6 VS2017 32位 Release
功能: 自适应工具栏按钮大小
**************************************************/
void AutoZoomButtonSize()
{
//获取屏幕属性
QScreen *screen = QGuiApplication::primaryScreen();
//获取屏幕的分辨率
int lcd_width = screen->size().width();
int lcd_height = screen->size().height();
qDebug() << "当前系统分辨率:" << screen->size();
//计算横向纵向坐标的伸缩系统
double factorx = lcd_width / 1920.0; //1920 是开发电脑界面的分辨率
double factory = lcd_height / 1080.0;
//QList<QWidget*> widgets = this->findChildren<QWidget*>();
//获取界面上所有的按钮
QList<QToolButton*> buttonList = this->findChildren<QToolButton*>();
//设置按钮大小
for (int i = 0; i < buttonList.count(); i++)
{
qDebug() << "buttonList:" << buttonList.at(i)->objectName();
ResetButtonGeometry(buttonList.at(i), factorx, factory);
}
//设置工具栏的最大高度
int ToolFrame_MaxH= lcd_height / 1080.0 * 40;
qDebug() << "原工具栏的高度:" << ui.ToolFrame->height();
qDebug() << "现工具栏的高度:" << ToolFrame_MaxH;
ui.ToolFrame->setMaximumHeight(ToolFrame_MaxH);
ui.ToolFrame->setMinimumHeight(ToolFrame_MaxH);
}
//重设按钮分辨率
void ResetButtonGeometry(QWidget *widget, double factorx, double factory)
{
int oldX = widget->x();
int oldY = widget->y();
int oldW = widget->width();
int oldH = widget->height();
qDebug() << "widget->geometry()1:" << widget->geometry();
widget->move(oldX*factorx, oldY*factory);
widget->resize(oldW*factorx, oldH*factory);
widget->setMaximumSize(oldW*factorx, oldH*factory);
widget->setMinimumSize(oldW*factorx, oldH*factory);
qDebug() << "widget->geometry()2:" << widget->geometry();
}