chore: add ControlGroup

add ControlGroup Log:
FeiWang1119 · Jul 18, 2024 · 950b811 · 950b811
1 parent a6ccd0f
commit 950b811
Show file tree

Hide file tree

Showing 5 changed files with 119 additions and 0 deletions.
diff --git a/examples/exhibition/ControlGroup.qml b/examples/exhibition/ControlGroup.qml
@@ -0,0 +1,49 @@
+// 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 {
+     Label {
+         visible: true
+         text: "test0111111111111"
+     }
+     Label {
+         visible: true
+         text: "test13333333333"
+     }
+     Rectangle {
+         width: 100
+         height: 100
+         color: "red"
+         border.color: "black"
+         border.width: 5
+         radius: 10
+     }
+     Switch {
+         checked: true
+         Layout.alignment: Qt.AlignHCenter
+     }
+     ListView {
+         id: popupListView
+         height: contentHeight
+         width: 100
+         model: ListModel {
+             ListElement { type: 1; icon: "music"; text: "1小时"}
+             ListElement { type: 2; icon: "music"; text: "直至今晚"}
+             ListElement { type: 3; icon: "music"; text: "直至明早"}
+             ListElement { type: 4; icon: "music"; text: "保持开启"}
+         }
+         delegate: ItemDelegate {
+             width: 80
+             icon.name: model.icon
+             text: model.text
+             checked: index === 1
+         }
+     }
+ }
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,7 @@
         <file>qml/ButtonIndicator.qml</file>
         <file>qml/EmbeddedProgressBar.qml</file>
         <file>qml/WaterProgressBar.qml</file>
+        <file>qml/ControlGroup.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,7 @@ set(QML_DTK_CONTROLS
     "qml/EmbeddedProgressBar.qml"
     "qml/WaterProgressBar.qml"
     "qml/PlaceholderText.qml"
+    "qml/ControlGroup.qml"
 )
 
 foreach(QML_FILE ${QML_DTK_CONTROLS})

diff --git a/qt6/src/qml/ControlGroup.qml b/qt6/src/qml/ControlGroup.qml
@@ -0,0 +1,67 @@
+// 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 {
+    width: 280
+    property string title
+    default property alias content: itemModel.children
+    clip: true
+    height: titleBar.height + info.height
+    Layout.fillHeight: true
+
+    ItemDelegate {
+        id: titleBar
+        Layout.fillWidth: true; Layout.preferredHeight: 36
+        text: title
+        icon.name: info.isExpanded ? "go-up": "go-down"
+        display: IconLabel.IconBesideText
+        checkable: false
+        font: DTK.fontManager.t5
+        backgroundVisible: hovered
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                info.y = -30
+                info.isExpanded = !info.isExpanded
+                console.log("1111111", info.y, info.height)
+            }
+        }
+    }
+    ListView {
+        id: info
+        y: isExpanded ? titleBar.height : - height
+        opacity: isExpanded ? 1.0 : 0.0
+        Layout.fillWidth: true
+        Layout.preferredHeight: contentHeight
+        property bool isExpanded: true
+        height: contentHeight
+        spacing: 5
+        model: ObjectModel {
+            id: itemModel
+        }
+        Component.onCompleted: {
+            for (var i = 0; i < count; ++i) {
+                var item = model.get(i)
+                item.width = width
+            }
+        }
+        Behavior on y {
+            NumberAnimation {
+                duration: 1000
+                easing.type: Easing.InOutQuad
+            }
+        }
+        Behavior on opacity {
+            NumberAnimation {
+                duration: 1000
+                easing.type: Easing.InOutQuad
+            }
+        }
+    }
+}