Refactor: Panels and Bar background are now drawn separately with Shapes.

2026-08-15 18:43:59 +00:00 · 2025-11-06 10:41:48 -05:00
parent 76a182a90c
commit e29c6ee1a6
109 changed files with 2381 additions and 2192 deletions
@@ -0,0 +1,161 @@
+import QtQuick
+import QtQuick.Shapes
+import QtQuick.Effects
+import qs.Commons
+
+
+/**
+ * AllBackgrounds - Unified Shape container for all bar and panel backgrounds
+ *
+ * Unified shadow system. This component contains a single Shape
+ * with multiple ShapePath children (one for bar, one for each panel type).
+ *
+ * Benefits:
+ * - Single GPU-accelerated rendering pass for all backgrounds
+ * - Unified shadow system (one MultiEffect for everything)
+ */
+Item {
+  id: root
+
+  // Reference Bar
+  required property var bar
+
+  // Reference to MainScreen (for panel access)
+  required property var windowRoot
+
+  anchors.fill: parent
+
+  // The unified Shape container
+  Shape {
+    id: backgroundsShape
+    anchors.fill: parent
+
+    // Use curve renderer for smooth corners
+    preferredRendererType: Shape.CurveRenderer
+
+    // CRITICAL: Shape must not block mouse input!
+    // ShapePaths inside will render, but the Shape container itself should be transparent to input
+    enabled: false // Disable mouse input on the Shape itself
+
+    Component.onCompleted: {
+      Logger.d("AllBackgrounds", "AllBackgrounds initialized")
+      Logger.d("AllBackgrounds", "  bar:", root.bar)
+      Logger.d("AllBackgrounds", "  windowRoot:", root.windowRoot)
+    }
+
+
+    /**
+     *  Bar
+     */
+    BarBackground {
+      bar: root.bar
+      shapeContainer: backgroundsShape
+    }
+
+
+    /**
+     *  Panels
+     */
+
+    // Audio
+    PanelBackground {
+      panel: root.windowRoot.audioPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Battery
+    PanelBackground {
+      panel: root.windowRoot.batteryPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Bluetooth
+    PanelBackground {
+      panel: root.windowRoot.bluetoothPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Calendar
+    PanelBackground {
+      panel: root.windowRoot.calendarPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Control Center
+    PanelBackground {
+      panel: root.windowRoot.controlCenterPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Launcher
+    PanelBackground {
+      panel: root.windowRoot.launcherPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Notification History
+    PanelBackground {
+      panel: root.windowRoot.notificationHistoryPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Session Menu
+    PanelBackground {
+      panel: root.windowRoot.sessionMenuPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Settings
+    PanelBackground {
+      panel: root.windowRoot.settingsPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Setup Wizard
+    PanelBackground {
+      panel: root.windowRoot.setupWizardPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // TrayDropdown
+    PanelBackground {
+      panel: root.windowRoot.trayDropdownPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // TrayMenu
+    PanelBackground {
+      panel: root.windowRoot.trayMenuPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // Wallpaper
+    PanelBackground {
+      panel: root.windowRoot.wallpaperPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // WiFi
+    PanelBackground {
+      panel: root.windowRoot.wifiPanel
+      shapeContainer: backgroundsShape
+    }
+
+    // // Tray Dropdown
+    // PanelBackground {
+    //   panel: root.windowRoot.trayDropdownPanel
+    //   shapeContainer: backgroundsShape
+    // }
+  }
+
+  // Unified shadow system  (one MultiEffect for all backgrounds)
+  MultiEffect {
+    source: backgroundsShape
+    anchors.fill: backgroundsShape
+    shadowEnabled: true
+    shadowBlur: Style.shadowBlur
+    shadowColor: Color.black
+    shadowHorizontalOffset: Settings.data.general.shadowOffsetX
+    shadowVerticalOffset: Settings.data.general.shadowOffsetY
+  }
+}