QML工作笔记-PC端和Android端布局错位问题

目录

 

 

问题演示

解决办法

---

 

问题演示

比如如下的程序，在PC端运行：

而在Android端：

可见有如下的问题。造成这个原因可以是两平台的差异。得手动调整Android端的布局

 

 

解决办法

参考我以前的这套博文：

https://blog.csdn.net/qq78442761/article/details/89892836

这里把代码修改成这样：

Rectangle {

    width: loginBtn.width * 1.5
    height: passwdInput.contentHeight + 5
    color: "white"
    border.color: "grey"
    anchors.horizontalCenter: passwdText.Center

    anchors{

        top: parent.top
        topMargin: 10
    }

    TextInput {

        id: passwdInput
        anchors.fill: parent
        anchors.margins: 2
        font.pointSize: passwdNormalSize
        focus: true
        anchors.horizontalCenter: passwdText.Center
        echoMode: TextInput.Password
        maximumLength: 10
    }
}

这样Android的效果就正常了：

但是这样做，PC端又有问题了：

这里提供一种解决方法：

不同的操作系统加载不同的qml文件。如下图

这里我只指下思路：

使用这种操作，可以避免这种问题，但感觉不是最好的解决方法。

后期将会补充