编译后Qt快速输出显示不正确

Question

我在Qt Quick中设计了一个表单并为Android编译了它。在模拟Android设备上执行时，表单显示完全不同！

我将组件彼此对齐但没有改变！ （所有项目都在Rectangle）

使用Widgets代替Qt-Quick是个好主意吗？

这就是我设计的：

这就是我所拥有的：

这是QML：

import QtQuick 2.2
import QtQuick.Controls 1.1

ApplicationWindow {
    id: applicationWindow1
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

menuBar: MenuBar {
    Menu {
        title: qsTr("File")
        MenuItem {
            text: qsTr("Exit")
            onTriggered: Qt.quit();
        }
    }
}

Rectangle {
    id: rectangle1
    x: -273
    y: 145
    width: 223
    height: 128
    color: "#ffffff"
    anchors.verticalCenter: parent.verticalCenter
    anchors.horizontalCenter: parent.horizontalCenter

    TextField {
        id: textField1
        y: 18
        text: qsTr("")
        anchors.left: parent.left
        anchors.leftMargin: 16
        placeholderText: qsTr("نام کاربری")
    }

    Label {
        id: label1
        y: 25
        text: qsTr("نام کاربری")
        anchors.left: textField1.right
        anchors.leftMargin: 19
    }

    TextField {
        id: textField2
        y: 57
        width: 127
        height: 20
        text: qsTr("")
        anchors.left: parent.left
        anchors.leftMargin: 16
        placeholderText: qsTr("کلمه عبور")
    }

    Label {
        id: label2
        y: 64
        text: qsTr("نام کاربری")
        anchors.left: textField2.right
        anchors.leftMargin: 19
    }

    Button {
        id: button1
        x: 74
        width: 75
        height: 23
        text: qsTr("ورود")
        anchors.top: textField2.bottom
        anchors.topMargin: 20
    }
}
}