当用户点击它的标题时，如何在QML中的工具栏中展开列表？

Question

当用户点击标题时，我想在ToolBar中执行扩展操作，就像我附加的图片一样。

当用户触摸工具栏的标题时，您应该会看到可以应用的过滤器列表。

您对如何在QML中实现此操作有任何想法吗？

Answer 1

非常简单。在令人敬畏的QML web editor：

中复制以下内容

import QtQuick 2.0

Column {
    width: 500

    Rectangle {
        id: toolbar
        width: parent.width
        height: 50
        Text {
            text: "Elenco"
            anchors.centerIn: parent
            font.pointSize: 24; font.bold: true
        }
        MouseArea {
            anchors.fill: parent
            onClicked: listBox.visible = !listBox.visible
        }
    }
    Rectangle {
        id: listBox
        color: "gray"
        width: parent.width
        visible: false
        height: 200
        Column {
            width: parent.width

            Repeater {
                model: 4
                delegate:
                    Rectangle {
                        width: parent.width
                        color: index % 2 ? "#C9D6DE" : "#E7F6FF"
                        height: 50
                        Text { anchors.centerIn: parent; text: "Persona " + (index + 1) }
                    }
            }
        }
    }
}