qml中可折叠容器的小部件

时间:2018-10-07 10:05:46

标签: widget qml foldable

我应该使用哪个qml小部件来创建可折叠容器?我找不到。

示例(来自Qt Creator):

enter image description here

1 个答案:

答案 0 :(得分:0)

在QML中没有开箱即用的小部件,但是您自己创建它应该很容易。这只是一个原始示例,它说明了这样做的难度,但可以实现适当的可重用控件,类似于https://doc.qt.io/qt-5/qml-qtquick-controls2-tabbar.html

import QtQuick 2.11

Column {                                                                                                                                                                                                       

    width: 600
    height: 600

    Rectangle {
        width: parent.width
        height: 50
        color: "darkgrey"

        MouseArea {
            anchors.fill: parent
            onClicked: container.height = container.height ? 0 : 500
        }
    }

    Rectangle {
        id: container
        width: parent.width
        height: 500
        color: "grey"
    }
}