zhwl-1212的个人主页

http://www.qtcn.org/bbs/u/92003  [收藏] [复制]

zhwl-1212

  • 16

    关注

  • 27

    粉丝

  • 17

    访客

  • 等级:新手上路
  • 总积分:6
  • 保密,2010-02-04

最后登录:2019-09-17

更多资料

日志

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




分类:Qt|回复:2|浏览:1387|全站可见|转载
 
 
删除

cycloveu:方案2才是Qt的精髓

2018-09-11 11:22 -

zhwl-1212:qml中方案二使用Layout+ScrollView确实也是一种比较好的解决方案,毕竟在Qt Widgets下基本都是使用QLayout来自动哦布局的。

2018-09-12 22:25

Powered by phpwind v8.7 Certificate Copyright Time now is:04-29 06:43
©2005-2016 QTCN开发网 版权所有 Gzip disabled