From b718d18b5ec512f1be313449f90ef13c9706a34a Mon Sep 17 00:00:00 2001
From: Mentalflow <312902918@qq.com>
Date: Thu, 28 Mar 2024 09:04:22 +0800
Subject: [PATCH] RibbonScrollIndicator: Added.

---
 lib_source/CMakeLists.txt                |  2 +-
 lib_source/qml/RibbonScrollIndicator.qml | 65 ++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 1 deletion(-)
 create mode 100644 lib_source/qml/RibbonScrollIndicator.qml

diff --git a/lib_source/CMakeLists.txt b/lib_source/CMakeLists.txt
index afcfdb6..dc0470c 100644
--- a/lib_source/CMakeLists.txt
+++ b/lib_source/CMakeLists.txt
@@ -43,7 +43,7 @@ set(
     qml/RibbonPaperView.qml qml/RibbonPushButton.qml qml/RibbonRectangle.qml
     qml/RibbonText.qml qml/RibbonTextBoxMenu.qml qml/RibbonPopup.qml
     qml/RibbonPopupDialog.qml qml/RibbonLineEdit.qml qml/RibbonTextEdit.qml
-    qml/RibbonComboBox.qml qml/RibbonSpinBox.qml
+    qml/RibbonComboBox.qml qml/RibbonSpinBox.qml qml/RibbonScrollIndicator.qml
 )
 
 foreach(qmlfile ${qml_files})
diff --git a/lib_source/qml/RibbonScrollIndicator.qml b/lib_source/qml/RibbonScrollIndicator.qml
new file mode 100644
index 0000000..cfff327
--- /dev/null
+++ b/lib_source/qml/RibbonScrollIndicator.qml
@@ -0,0 +1,65 @@
+import QtQuick
+import QtQuick.Controls.impl
+import QtQuick.Templates as T
+import RibbonUI
+
+T.ScrollIndicator {
+    id: control
+
+    implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
+                            implicitContentWidth + leftPadding + rightPadding)
+    implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+                             implicitContentHeight + topPadding + bottomPadding)
+
+    padding: (control.background.implicitWidth - control.contentItem.implicitWidth)/2
+
+    contentItem: Rectangle {
+        implicitWidth: 8
+        implicitHeight: 8
+
+        color: RibbonTheme.dark_mode ? '#999999' : '#707070'
+        visible: control.size < 1.0
+        opacity: 0.0
+        radius: implicitWidth / 2
+
+        states: State {
+            name: "active"
+            when: control.active
+            PropertyChanges { control.contentItem.opacity: 0.75 }
+        }
+
+        transitions: [
+            Transition {
+                from: "active"
+                SequentialAnimation {
+                    PauseAnimation { duration: 450 }
+                    NumberAnimation { target: control.contentItem; duration: 200; property: "opacity"; to: 0.0 }
+                }
+            }
+        ]
+    }
+
+    background: Rectangle{
+        implicitWidth: 18
+        implicitHeight: 18
+        color: RibbonTheme.dark_mode ? '#141414' : '#F5F5F5'
+        opacity: 0.0
+        radius: implicitWidth / 2
+
+        states: State {
+            name: "active"
+            when: control.active
+            PropertyChanges { control.background.opacity: 0.75 }
+        }
+
+        transitions: [
+            Transition {
+                from: "active"
+                SequentialAnimation {
+                    PauseAnimation { duration: 450 }
+                    NumberAnimation { target: control.background; duration: 200; property: "opacity"; to: 0.0 }
+                }
+            }
+        ]
+    }
+}