本篇主要是QML移植到android设备宽高的适配,其他设备没有尝试过。
字体和布局,网上其他的博客很清楚了
具体实现很简单,将在android设备上的尺寸分别除以在pc上设置的长宽得到长宽的比例,其他的就在长宽的比例中去一个中间值。
下面就用我最近写得模仿qq登录的界面中的运用
Window {
id: main;
color: "white";
visible: true
width: 360;//pc端的设置对android无影响
height: 640;
<span style="white-space:pre"> </span>//除以得到系数
property real multiplierH: main.height/640;
property real multiplierW: main.width/360;
<span style="white-space:pre"> </span>//计算高的函数
function dpH(numbers) {
return numbers*multiplierH;
}//计算宽的函数
function dpW(numbers) {
return numbers*multiplierW;
}
<span style="white-space:pre"> </span>//平均值函数
function dpX(numbers){
return (dpW(numbers)+dpH(numbers))/2;
}
Rectangle{
id: bg_rect;
anchors.fill