chore: add ControlGroup

add ControlGroup Log:
FeiWang1119 · Jul 19, 2024 · c1b1da0 · c1b1da0
1 parent a6ccd0f
commit c1b1da0
Show file tree

Hide file tree

Showing 6 changed files with 155 additions and 0 deletions.
diff --git a/examples/exhibition/ControlGroup.qml b/examples/exhibition/ControlGroup.qml
@@ -0,0 +1,51 @@
+// SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
+//
+// SPDX-License-Identifier: LGPL-3.0-or-later
+
+import QtQuick 2.0
+import QtQuick.Window 2.11
+import QtQuick.Layouts 1.11
+import org.deepin.dtk 1.0
+import ".."
+
+ ControlGroup {
+    ControlGroupItem {
+        Label {
+            visible: true
+            text: "test0111111111111"
+        }
+        Label {
+            visible: true
+            text: "test13333333333"
+        }
+    }
+    ControlGroupItem {
+        Rectangle {
+            width: 100
+            height: 100
+            color: "red"
+            border.color: "black"
+            border.width: 5
+            radius: 10
+        }
+        Switch {
+            checked: true
+            Layout.alignment: Qt.AlignHCenter
+        }
+    }
+    ControlGroupItem {
+        Rectangle {
+            width: 100
+            height: 100
+            color: "green"
+            border.color: "black"
+            border.width: 5
+            radius: 10
+        }
+        Button {
+            width: 100
+            height: 100
+            Layout.alignment: Qt.AlignHCenter
+        }
+    }
+ }
diff --git a/examples/exhibition/qml-qt6.qrc b/examples/exhibition/qml-qt6.qrc
@@ -25,5 +25,6 @@
         <file>ToolBar.qml</file>
         <file>Dialog.qml</file>
         <file>ProgressBar.qml</file>
+        <file>ControlGroup.qml</file>
     </qresource>
 </RCC>
diff --git a/qt6/src/dtkdeclarative_qml.qrc b/qt6/src/dtkdeclarative_qml.qrc
@@ -109,6 +109,8 @@
         <file>qml/ButtonIndicator.qml</file>
         <file>qml/EmbeddedProgressBar.qml</file>
         <file>qml/WaterProgressBar.qml</file>
+        <file>qml/ControlGroup.qml</file>
+        <file>qml/ControlGroupItem.qml</file>
         <file>qml/private/ProgressBarImpl.qml</file>
         <file>qml/private/ProgressBarPanel.qml</file>
         <file>qml/PlaceholderText.qml</file>

diff --git a/qt6/src/qml.cmake b/qt6/src/qml.cmake
@@ -96,6 +96,8 @@ set(QML_DTK_CONTROLS
     "qml/EmbeddedProgressBar.qml"
     "qml/WaterProgressBar.qml"
     "qml/PlaceholderText.qml"
+    "qml/ControlGroup.qml"
+    "qml/ControlGroupItem.qml"
 )
 
 foreach(QML_FILE ${QML_DTK_CONTROLS})

diff --git a/qt6/src/qml/ControlGroup.qml b/qt6/src/qml/ControlGroup.qml
@@ -0,0 +1,61 @@
+// SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
+//
+// SPDX-License-Identifier: LGPL-3.0-or-later
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.11
+import QtQml.Models 2.11
+import org.deepin.dtk 1.0
+
+ColumnLayout {
+    id: root
+    spacing: 10
+    clip: true
+    Layout.fillHeight: true
+
+    property string title
+    property bool isExpanded: true
+    property int interval: 500 / (children.length - 1)
+    property int duration: 0
+    property int index: 1
+
+    ItemDelegate {
+        id: titleBar
+        Layout.fillWidth: true; Layout.preferredHeight: 36
+        text: title
+        icon.name: isExpanded ? "go-down": "go-next"
+        display: IconLabel.IconBesideText
+        checkable: false
+        font: DTK.fontManager.t5
+        backgroundVisible: hovered
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                root.isExpanded = !root.isExpanded
+            }
+        }
+    }
+
+    Timer {
+        id: timer
+    }
+
+    onIsExpandedChanged: delay(interval, timeout)
+
+    function timeout() {
+        children[index].isExpanded = !children[index].isExpanded
+        ++index
+        if (index === children.length) {
+            timer.stop()
+            timer.triggered.disconnect(timeout)
+            index = 1
+        }
+    }
+
+    function delay(delayTime, cb) {
+        timer.interval = delayTime
+        timer.repeat = true
+        timer.triggered.connect(cb)
+        timer.restart()
+    }
+}
diff --git a/qt6/src/qml/ControlGroupItem.qml b/qt6/src/qml/ControlGroupItem.qml
@@ -0,0 +1,38 @@
+// SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
+//
+// SPDX-License-Identifier: LGPL-3.0-or-later
+
+import QtQuick 2.0
+import QtQuick.Layouts 1.11
+import QtQml.Models 2.11
+import org.deepin.dtk 1.0
+
+RowLayout {
+    id: root
+
+    property int initY
+    property bool isExpanded: true
+
+    y: isExpanded ? initY : 0
+    opacity: isExpanded ? 1.0 : 0.0
+
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+
+    Behavior on y {
+        NumberAnimation {
+            duration: parent.interval
+            easing.type: Easing.OutQuad
+        }
+    }
+    Behavior on opacity {
+        NumberAnimation {
+            duration: parent.interval
+            easing.type: Easing.OutQuad
+        }
+    }
+
+    Component.onCompleted: {
+        root.initY = root.y
+    }
+}