如何在IOS的QML中使用来回导航创建网格

Question

我是QML开发的新手。我想创建一个10x2的网格。单击网格中的元素时，它会转到下一页并在工具栏上显示后退箭头按钮，以便将我带回主网格页面。

我搜索的结果类似this。

Answer 1

您可以按如下方式对元素visible进行说明：

Item {
    id: menu
    anchors {
        top: parent.top
        left: parent.left
        right: parent.right
        bottom: parent.bottom
    }

    Component {
        id: delegate
        Rectangle {
            id: wrapper
            width:
            height:
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    gView.currentIndex = index;
                    goAway();
                }
            }

        }
    }

    GridView {
        id: gView
        anchors.fill: parent
        model: model    // your model
        delegate: delegate
        highlight: Rectangle { color: "lightsteelblue"; radius: 5 }
        focus: true
        clip: true
    }
    function goAway() {
        gView.visible = false;
        arrow.visible = true;
    }

    function comeBack() {
        gView.visible = true;
        arrow.visible = false;
    }
    Image {
        id: arrow
        source:    //your arrow image source
        visible:false
        anchors {
            top: parent.top
            left: parent.left
            leftMargin: 20
        }
        MouseArea {
             anchors.fill: parent
             onClicked: comeBack()
        }
}

您可以根据需要进行编辑。