日志
QML自适应屏幕分辨率的解决方案
2018-09-07 22:33
方案一:首先做出来界面,然后在不同的分辨率下调整一套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 |
下一篇: Qt5下QFile写入中文乱码问题
zhwl-1212:qml中方案二使用Layout+ScrollView确实也是一种比较好的解决方案,毕竟在Qt Widgets下基本都是使用QLayout来自动哦布局的。
2018-09-12 22:25