mirror of
https://github.com/noctalia-dev/noctalia-shell.git
synced 2026-05-11 17:08:27 +08:00
161 lines
6.6 KiB
QML
161 lines
6.6 KiB
QML
import QtQuick
|
|
import QtQuick.Shapes
|
|
import qs.Commons
|
|
import qs.Modules.MainScreen.Backgrounds
|
|
|
|
/**
|
|
* PanelBackground - Dynamic ShapePath for rendering panel backgrounds
|
|
*
|
|
* Dynamically switches between panels based on which panel is currently
|
|
* assigned by PanelService. Only 2 instances are needed: one for the
|
|
* currently open panel and one for a closing panel during transitions.
|
|
*
|
|
* Uses 4-state per-corner system for flexible corner rendering:
|
|
* - State -1: No radius (flat/square corner)
|
|
* - State 0: Normal (inner curve)
|
|
* - State 1: Horizontal inversion (outer curve on X-axis)
|
|
* - State 2: Vertical inversion (outer curve on Y-axis)
|
|
*/
|
|
ShapePath {
|
|
id: root
|
|
|
|
// Dynamically assigned panel (null if slot is unused)
|
|
property var assignedPanel: null
|
|
|
|
// Required reference to AllBackgrounds shapeContainer
|
|
required property var shapeContainer
|
|
|
|
// Default background color (used if panel doesn't specify one)
|
|
property color defaultBackgroundColor: Color.mSurface
|
|
|
|
// Corner radius (from Style)
|
|
readonly property real radius: Style.radiusL
|
|
|
|
// Get panel's panelRegion (geometry placeholder)
|
|
readonly property var panelRegion: assignedPanel?.panelRegion ?? null
|
|
|
|
// Get the actual panelBackground Item from panelRegion
|
|
// Only access panelItem if panelRegion exists and is visible
|
|
readonly property var panelBg: (panelRegion && panelRegion.visible) ? panelRegion.panelItem : null
|
|
|
|
// Effective background color: use panel's if defined, else default
|
|
readonly property color effectiveBackgroundColor: {
|
|
if (!assignedPanel)
|
|
return "transparent";
|
|
if (assignedPanel.panelBackgroundColor !== undefined) {
|
|
return assignedPanel.panelBackgroundColor;
|
|
}
|
|
return defaultBackgroundColor;
|
|
}
|
|
|
|
// Panel position - panelBg is in screen coordinates already
|
|
readonly property real panelX: panelBg ? panelBg.x : 0
|
|
readonly property real panelY: panelBg ? panelBg.y : 0
|
|
readonly property real panelWidth: panelBg ? panelBg.width : 0
|
|
readonly property real panelHeight: panelBg ? panelBg.height : 0
|
|
readonly property bool isRenderable: assignedPanel && panelBg && panelWidth > 0 && panelHeight > 0
|
|
|
|
// Flatten corners if panel is too small
|
|
readonly property bool shouldFlatten: panelBg ? ShapeCornerHelper.shouldFlatten(panelWidth, panelHeight, radius) : false
|
|
readonly property real effectiveRadius: shouldFlatten ? ShapeCornerHelper.getFlattenedRadius(Math.min(panelWidth, panelHeight), radius) : radius
|
|
|
|
// Helper function for getting corner radius based on state
|
|
function getCornerRadius(cornerState) {
|
|
// State -1 = no radius (flat corner)
|
|
if (cornerState === -1)
|
|
return 0;
|
|
// All other states use effectiveRadius
|
|
return effectiveRadius;
|
|
}
|
|
|
|
// Per-corner multipliers and radii based on panelBg's corner states
|
|
readonly property real tlMultX: panelBg ? ShapeCornerHelper.getMultX(panelBg.topLeftCornerState) : 1
|
|
readonly property real tlMultY: panelBg ? ShapeCornerHelper.getMultY(panelBg.topLeftCornerState) : 1
|
|
readonly property real tlRadius: panelBg ? getCornerRadius(panelBg.topLeftCornerState) : 0
|
|
|
|
readonly property real trMultX: panelBg ? ShapeCornerHelper.getMultX(panelBg.topRightCornerState) : 1
|
|
readonly property real trMultY: panelBg ? ShapeCornerHelper.getMultY(panelBg.topRightCornerState) : 1
|
|
readonly property real trRadius: panelBg ? getCornerRadius(panelBg.topRightCornerState) : 0
|
|
|
|
readonly property real brMultX: panelBg ? ShapeCornerHelper.getMultX(panelBg.bottomRightCornerState) : 1
|
|
readonly property real brMultY: panelBg ? ShapeCornerHelper.getMultY(panelBg.bottomRightCornerState) : 1
|
|
readonly property real brRadius: panelBg ? getCornerRadius(panelBg.bottomRightCornerState) : 0
|
|
|
|
readonly property real blMultX: panelBg ? ShapeCornerHelper.getMultX(panelBg.bottomLeftCornerState) : 1
|
|
readonly property real blMultY: panelBg ? ShapeCornerHelper.getMultY(panelBg.bottomLeftCornerState) : 1
|
|
readonly property real blRadius: panelBg ? getCornerRadius(panelBg.bottomLeftCornerState) : 0
|
|
|
|
// ShapePath configuration
|
|
strokeWidth: -1 // No stroke, fill only
|
|
|
|
// Start point - use tiny off-screen non-degenerate fallback when not renderable.
|
|
startX: isRenderable ? (panelX + tlRadius * tlMultX) : -1
|
|
startY: isRenderable ? panelY : -1
|
|
|
|
fillColor: isRenderable ? effectiveBackgroundColor : "transparent"
|
|
|
|
// ========== PATH DEFINITION ==========
|
|
// Draws a rectangle with potentially inverted corners
|
|
// All coordinates are relative to startX/startY
|
|
|
|
// Top edge (moving right)
|
|
PathLine {
|
|
relativeX: root.isRenderable ? (root.panelWidth - root.tlRadius * root.tlMultX - root.trRadius * root.trMultX) : 1
|
|
relativeY: 0
|
|
}
|
|
|
|
// Top-right corner arc
|
|
PathArc {
|
|
relativeX: root.isRenderable ? (root.trRadius * root.trMultX) : 0
|
|
relativeY: root.isRenderable ? (root.trRadius * root.trMultY) : 0
|
|
radiusX: root.isRenderable ? root.trRadius : 0
|
|
radiusY: root.isRenderable ? root.trRadius : 0
|
|
direction: ShapeCornerHelper.getArcDirection(root.trMultX, root.trMultY)
|
|
}
|
|
|
|
// Right edge (moving down)
|
|
PathLine {
|
|
relativeX: 0
|
|
relativeY: root.isRenderable ? (root.panelHeight - root.trRadius * root.trMultY - root.brRadius * root.brMultY) : 1
|
|
}
|
|
|
|
// Bottom-right corner arc
|
|
PathArc {
|
|
relativeX: root.isRenderable ? (-root.brRadius * root.brMultX) : 0
|
|
relativeY: root.isRenderable ? (root.brRadius * root.brMultY) : 0
|
|
radiusX: root.isRenderable ? root.brRadius : 0
|
|
radiusY: root.isRenderable ? root.brRadius : 0
|
|
direction: ShapeCornerHelper.getArcDirection(root.brMultX, root.brMultY)
|
|
}
|
|
|
|
// Bottom edge (moving left)
|
|
PathLine {
|
|
relativeX: root.isRenderable ? (-(root.panelWidth - root.brRadius * root.brMultX - root.blRadius * root.blMultX)) : -1
|
|
relativeY: 0
|
|
}
|
|
|
|
// Bottom-left corner arc
|
|
PathArc {
|
|
relativeX: root.isRenderable ? (-root.blRadius * root.blMultX) : 0
|
|
relativeY: root.isRenderable ? (-root.blRadius * root.blMultY) : 0
|
|
radiusX: root.isRenderable ? root.blRadius : 0
|
|
radiusY: root.isRenderable ? root.blRadius : 0
|
|
direction: ShapeCornerHelper.getArcDirection(root.blMultX, root.blMultY)
|
|
}
|
|
|
|
// Left edge (moving up) - closes the path back to start
|
|
PathLine {
|
|
relativeX: 0
|
|
relativeY: root.isRenderable ? (-(root.panelHeight - root.blRadius * root.blMultY - root.tlRadius * root.tlMultY)) : -1
|
|
}
|
|
|
|
// Top-left corner arc (back to start)
|
|
PathArc {
|
|
relativeX: root.isRenderable ? (root.tlRadius * root.tlMultX) : 0
|
|
relativeY: root.isRenderable ? (-root.tlRadius * root.tlMultY) : 0
|
|
radiusX: root.isRenderable ? root.tlRadius : 0
|
|
radiusY: root.isRenderable ? root.tlRadius : 0
|
|
direction: ShapeCornerHelper.getArcDirection(root.tlMultX, root.tlMultY)
|
|
}
|
|
}
|