[ui] Custom SplitView to have a larger handle

alicevision · Sep 19, 2024 · 2852a4c · 2852a4c
1 parent ccd88c4
commit 2852a4c
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 7 deletions.
diff --git a/meshroom/ui/qml/Application.qml b/meshroom/ui/qml/Application.qml
@@ -988,7 +988,8 @@ Page {
             highlightChunks: false
         }
 
-        SplitView {
+        MSplitView {
+            id: topBottomSplit
             Layout.fillHeight: true
             width: parent.width
 
@@ -1032,7 +1033,7 @@ Page {
                 }
             }
 
-            SplitView {
+            MSplitView {
                 id: bottomContainer
                 orientation: Qt.Horizontal
                 visible: settingsUILayout.showGraphEditor

diff --git a/meshroom/ui/qml/Controls/MSplitView.qml b/meshroom/ui/qml/Controls/MSplitView.qml
@@ -0,0 +1,23 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+SplitView {
+    id: splitView
+
+    handle: Item {
+        id: handleDelegate
+        implicitWidth: 5
+        implicitHeight: 5
+        property bool hovered: SplitHandle.hovered
+        property bool pressed: SplitHandle.pressed
+        Rectangle {
+            id: handleDisplay
+            anchors.centerIn: parent
+            property int handleSize: handleDelegate.hovered ? 3 : 1
+            width: splitView.orientation === Qt.Horizontal ? handleSize : handleDelegate.width
+            height: splitView.orientation === Qt.Vertical ? handleSize : handleDelegate.height
+            color: handleDelegate.pressed ? Qt.lighter(palette.highlight, 1.5)
+                : (handleDelegate.hovered ? palette.highlight : palette.base)
+        }
+    }
+}
diff --git a/meshroom/ui/qml/Controls/qmldir b/meshroom/ui/qml/Controls/qmldir
@@ -14,3 +14,4 @@ ExifOrientedViewer 1.0 ExifOrientedViewer.qml
 FilterComboBox 1.0 FilterComboBox.qml
 IntSelector 1.0 IntSelector.qml
 MScrollBar 1.0 MScrollBar.qml
+MSplitView 1.0 MSplitView.qml
diff --git a/meshroom/ui/qml/GraphEditor/NodeEditor.qml b/meshroom/ui/qml/GraphEditor/NodeEditor.qml
@@ -253,7 +253,7 @@ Panel {
             Component {
                 id: editor_component
 
-                SplitView {
+                MSplitView {
                     anchors.fill: parent
 
                     // The list of chunks

diff --git a/meshroom/ui/qml/Homepage.qml b/meshroom/ui/qml/Homepage.qml
@@ -15,7 +15,7 @@ Page {
         }
     }
 
-    SplitView {
+    MSplitView {
         id: splitView
         anchors.fill: parent
 

diff --git a/meshroom/ui/qml/WorkspaceView.qml b/meshroom/ui/qml/WorkspaceView.qml
@@ -59,11 +59,11 @@ Item {
 
     SystemPalette { id: activePalette }
 
-    SplitView {
+    MSplitView {
         id: mainSplitView
         anchors.fill: parent
 
-        SplitView {
+        MSplitView {
             id: leftSplitView
             visible: settingsUILayout.showImageGallery || settingsUILayout.showLiveReconstruction
             orientation: Qt.Vertical
@@ -215,7 +215,7 @@ Item {
 
                 property alias viewer3D: c_viewer3D
 
-                SplitView {
+                MSplitView {
                     id: c_viewer3DSplitView
                     anchors.fill: parent
                     Viewer3D {