QML 表單布局

Question

我在我的應用程序中使用 QML 作為 UI，現在我想構建一些表單。 這是一個代碼：

Window {
    width: 400
    height: 600
    flags: Qt.Dialog
    modality: Qt.ApplicationModal

    GridLayout {
        id: mainLayout
        columns: 2
        rowSpacing: 5
        columnSpacing: 5
        anchors {
            top: parent.top;
            left: parent.left
            right: parent.right
        }

        Label { text: "field1" }
        TextField { id: field1; }

        Label { text: "field2"}
        TextField { id: field2 }
    }
}

如何為TextField設置寬度？ 他們中的大多數必須適合右列中的所有空間。

現在的樣子：

Answer 1

您可以使用放置在GridLayout的項目的附加屬性（請參閱官方文檔），因此您的代碼更改將如下所示：

...
Label { text: "field1" }
TextField { id: field1; Layout.fillWidth: true;}

Label { text: "field2"}
TextField { id: field2; Layout.fillWidth: true;}
...