QML 页面编写 0001

import QtQuick 2.5

import QtQuick.Window 2.2

import QtQuick.Controls 1.2

ApplicationWindow {

    visible: true

    width: 400

    height: 210

    color: "#FFFFFFFF"

    title: qsTr("登录页面")

    Text {

        id: text1

        x: 47

        y: 35

        width: 80

        height: 30

        text: qsTr("用户名: ");

        horizontalAlignment: Text.AlignRight

        verticalAlignment: Text.AlignVCenter

        font.pixelSize: 14

    }

    TextField {

        id: textField1

        x: 137

        y: 35

        width: 200

        height: 30

        placeholderText: qsTr("请输入用户名")

    }

    Text {

        id: text2

        x: 47

        y: 85

        width: 80

        height: 30

        text: qsTr("密  码: ");

        horizontalAlignment: Text.AlignRight

        verticalAlignment: Text.AlignVCenter

        font.pixelSize: 14

    }

    TextField {

        id: textField2

        x: 137

        y: 85

        width: 200

        height: 30

        echoMode: 2

        placeholderText: qsTr("请输入密码")

    }

    Button {

        id: button1

        x: 71

        y: 145

        width: 116

        height: 36

        text: qsTr("登 录")

    }

    Button {

        id: button2

        x: 224

        y: 145

        width: 110

        height: 36

        text: qsTr("取 消")

    }

}