如何使用QML在GridLayout中占用多个列或行？

Question

我想知道如何在GridLayout中占用多个列或行。跟踪是我的代码。

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1

Rectangle {
        width: 320
        height: 250

        GridLayout {
            anchors.left: parent.left
            anchors.bottom: parent.bottom

            rows: 2
            columns: 3

            Button{
                    text: "one"
                }

            Button{
                    text: "two"
                }

            Button{
                    text: "three"
                }

            Button{
                    text: "four"
                }

            Button{
                    text: "five"
                }
                Layout.columnSpan: 2

            }
    }

我想如何让“五”按钮占据两列。谢谢！

Answer 1

您可以使用附加的媒体资源Layout.rowSpan和Layout.columnSpan 有关详细信息，请参阅here和here 另外，使用Layout.row和Layout.column指定要放置项目的单元格 有关布局实际工作方式的详细信息，请参阅here。