QML网格手动指定位置

Question

我可以手动设置QML Grid子元素的列和行吗？在这种情况下，我希望按钮位于第 11 行第 1 列。

 Grid {
        rows: 11
        columns: 4

        Button {
            height: 128
            width: 128
            text: qsTr("Sahtel lahti")
        }

    }

Answer 1

如评论中所述，您可以使用 GridLayout 和 Layout.row 以及 Layout.column。

import QtQuick 2.13
import QtQuick.Layouts 1.13

GridLayout {
    columns: 3

    Text { text: "4"; Layout.row: 1; Layout.column: 0}
    Text { text: "3"; Layout.row: 0; Layout.column: 2}
    Text { text: "2"; Layout.row: 0; Layout.column: 1}
    Text { text: "1"; Layout.row: 0; Layout.column: 0}
}