QML界面自适应

方案一:首先做出来界面,然后在不同的分辨率下调整一套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();
}
  • 12
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值