首页 > 其他 > 详细

QML 中的屏幕适配问题

时间:2016-04-29 18:24:43      阅读:91      评论:0      收藏:0      [点我收藏+]

QML 中的屏幕适配问题

其实 QML 中的屏幕适配问题,官方也写了一篇文章,如何在不同分辨率下适配控件大小和图片大小(字体好像没有讲到)。虽然文章条理清晰,原理,案例都写得不错,但是总觉得缺点什么。对,就是代码,具体实现的代码。从头到尾,原理阐述清晰,唯独就是不写出具体的代码实现。

有人说,具体的代码实现可能很复杂。倒不至于,这里给出一段最简单的使用纯 QML 实现的 dp,至于 dpi 什么,管它呢。

import QtQuick.Window 2.0
import QtQuick 2.5

Item {
    property real dpScale:  1.5
    readonly property real dp: Math.max(Screen.pixelDensity * 25.4 / 160 * dpScale, 1)
}

代码来源

注意:dpScale 可以自行修改。上诉代码仅仅是接近 dp 具体意义。此外 dpi 的取值在另一篇博客提及。

上诉代码在我的 windows 7,屏幕 1080p 23.8 寸,安卓 魅蓝 note 2 上,显示效果不错,测试的代码是:

Button {
    implicitWidth: 88 * dp
    implicitHeight: 48 * dp
}

这个按钮大小适中。

至于字体适配,那是另外的话题了,字体适配是使用 font.pointSize 进行处理,至于字体大小单位 sp 的代码?

对不起,无(我)可(不)奉(知)告(道)。

另外强烈推荐商业化 app 使用 v-play 这个框架。

QML 中的屏幕适配问题

原文:http://blog.csdn.net/qyvlik/article/details/51241425

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!