From 7a27d4126f06bc92041bd909929ebcdebb4a6cee Mon Sep 17 00:00:00 2001 From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> Date: Wed, 25 Jun 2025 17:45:26 +1000 Subject: lock: add session buttons --- modules/lock/Backgrounds.qml | 69 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) (limited to 'modules/lock/Backgrounds.qml') diff --git a/modules/lock/Backgrounds.qml b/modules/lock/Backgrounds.qml index 3ac4999..e561c66 100644 --- a/modules/lock/Backgrounds.qml +++ b/modules/lock/Backgrounds.qml @@ -10,6 +10,8 @@ Item { required property bool locked required property real weatherWidth + required property real buttonsWidth + required property real buttonsHeight required property bool isNormal required property bool isLarge @@ -17,6 +19,8 @@ Item { readonly property real inputTop: innerMask.anchors.margins + inputPath.height readonly property real weatherTop: innerMask.anchors.margins + weatherPath.height readonly property real weatherRight: innerMask.anchors.margins + weatherPath.width + readonly property real buttonsTop: innerMask.anchors.margins + buttonsPath.height + readonly property real buttonsLeft: innerMask.anchors.margins + buttonsPath.width readonly property real mediaX: innerMask.anchors.margins + mediaPath.width readonly property real mediaY: innerMask.anchors.margins + mediaPath.height @@ -331,6 +335,71 @@ Item { } } } + + ShapePath { + id: buttonsPath + + property int width: root.locked ? root.buttonsWidth - Config.lock.sizes.border / 4 : 0 + property real height: root.locked ? root.buttonsHeight - Config.lock.sizes.border / 4 : 0 + + readonly property real rounding: Appearance.rounding.large * 2 + readonly property real roundingX: width < rounding * 2 ? width / 2 : rounding + readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding + + strokeWidth: -1 + fillColor: root.isLarge ? Config.border.colour : "transparent" + + startX: Math.ceil(innerMask.width) + startY: Math.ceil(innerMask.height) - height - roundingY + + PathArc { + relativeX: -buttonsPath.roundingX + relativeY: buttonsPath.roundingY + radiusX: Math.min(buttonsPath.rounding, buttonsPath.width) + radiusY: Math.min(buttonsPath.rounding, buttonsPath.height) + } + PathLine { + relativeX: -(buttonsPath.width - buttonsPath.roundingX * 2) + relativeY: 0 + } + PathArc { + relativeX: -buttonsPath.roundingX + relativeY: buttonsPath.roundingY + radiusX: Math.min(buttonsPath.rounding, buttonsPath.width) + radiusY: Math.min(buttonsPath.rounding, buttonsPath.height) + direction: PathArc.Counterclockwise + } + PathLine { + relativeX: 0 + relativeY: buttonsPath.height - buttonsPath.roundingY * 2 + } + PathArc { + relativeX: -buttonsPath.roundingX + relativeY: buttonsPath.roundingY + radiusX: Math.min(buttonsPath.rounding, buttonsPath.width) + radiusY: Math.min(buttonsPath.rounding, buttonsPath.height) + } + PathLine { + relativeX: buttonsPath.width + buttonsPath.roundingX + relativeY: 0 + } + + Behavior on width { + Anim {} + } + + Behavior on height { + Anim {} + } + + Behavior on fillColor { + ColorAnimation { + duration: Appearance.anim.durations.normal + easing.type: Easing.BezierSpline + easing.bezierCurve: Appearance.anim.curves.standard + } + } + } } component Anim: NumberAnimation { -- cgit v1.2.3-freya