Files
noctalia-shell/Modules/MainScreen/Backgrounds/AllBackgrounds.qml
ItsLemmy e972e1f7aa Cards & Settings refactoring
- All cards now live in Modules/Cards
- CalendarPanel is now called ClockPanel
- Added a way to ease settings migration in separate QML files
2025-11-30 14:26:09 -05:00

178 lines
4.6 KiB
QML

import QtQuick
import QtQuick.Shapes
import qs.Commons
import qs.Widgets
/**
* 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
readonly property color panelBackgroundColor: Qt.alpha(Color.mSurface, Settings.data.ui.panelBackgroundOpacity)
anchors.fill: parent
// Wrapper with layer caching for better shadow performance
Item {
anchors.fill: parent
// Enable layer caching to prevent continuous re-rendering
// This caches the Shape to a GPU texture, reducing GPU tessellation overhead
layer.enabled: true
// The unified Shape container
Shape {
id: backgroundsShape
anchors.fill: parent
// Use curve renderer for smooth corners (GPU-accelerated)
preferredRendererType: Shape.CurveRenderer
enabled: false // Disable mouse input on the Shape itself
Component.onCompleted: {
Logger.d("AllBackgrounds", "AllBackgrounds initialized");
}
/**
* Bar
*/
BarBackground {
bar: root.bar
shapeContainer: backgroundsShape
windowRoot: root.windowRoot
backgroundColor: Qt.alpha(Color.mSurface, Settings.data.bar.backgroundOpacity)
}
/**
* Panels
*/
// Audio
PanelBackground {
panel: root.windowRoot.audioPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Battery
PanelBackground {
panel: root.windowRoot.batteryPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Bluetooth
PanelBackground {
panel: root.windowRoot.bluetoothPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Brightness
PanelBackground {
panel: root.windowRoot.brightnessPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Clock
PanelBackground {
panel: root.windowRoot.clockPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Control Center
PanelBackground {
panel: root.windowRoot.controlCenterPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Changelog
PanelBackground {
panel: root.windowRoot.changelogPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Launcher
PanelBackground {
panel: root.windowRoot.launcherPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Notification History
PanelBackground {
panel: root.windowRoot.notificationHistoryPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Session Menu
PanelBackground {
panel: root.windowRoot.sessionMenuPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Settings
PanelBackground {
panel: root.windowRoot.settingsPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Setup Wizard
PanelBackground {
panel: root.windowRoot.setupWizardPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// TrayDrawer
PanelBackground {
panel: root.windowRoot.trayDrawerPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// Wallpaper
PanelBackground {
panel: root.windowRoot.wallpaperPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
// WiFi
PanelBackground {
panel: root.windowRoot.wifiPanelPlaceholder
shapeContainer: backgroundsShape
backgroundColor: panelBackgroundColor
}
}
// Apply shadow to the cached layer
NDropShadow {
anchors.fill: parent
source: backgroundsShape
}
}
}