1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
|
// Copyright (C) 2022 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
Rectangle {
id: root
property string title: ""
property bool isExpanded: true
default property alias content: container.children
color: "transparent"
border.width: 2
border.color: palette.alternateBase
Layout.fillWidth: true
implicitHeight: outsideLayout.implicitHeight
ColumnLayout {
id: outsideLayout
width: parent.width
Rectangle {
id: sectionHeader
Layout.fillWidth: true
implicitHeight: 24
color: palette.alternateBase
RowLayout {
anchors.verticalCenter: parent.verticalCenter
Image {
fillMode: Image.PreserveAspectFit
sourceSize: Qt.size(titleText.implicitHeight, titleText.implicitHeight)
source: root.isExpanded ? "qrc:/images/TreeExpanded.png" : "qrc:/images/TreeUnexpanded.png"
}
Text {
id: titleText
Layout.fillWidth: true
text: root.title
}
}
MouseArea {
anchors.fill: parent
onClicked: root.isExpanded = !root.isExpanded
}
}
GridLayout {
id: container
Layout.margins: root.border.width * 2
visible: root.isExpanded
Layout.fillWidth: true
columns: 2
uniformCellWidths: true
}
}
}
|