102 lines
2.9 KiB
QML
102 lines
2.9 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import Quickshell
|
|
import qs.Config
|
|
import qs.Components
|
|
import qs.Helpers
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
width: Math.min(parent ? parent.width : 600, 600)
|
|
spacing: 15
|
|
|
|
Rectangle {
|
|
id: previewContainer
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: width * (Quickshell.screens.length > 0 ? (Quickshell.screens[0].height / Math.max(1, Quickshell.screens[0].width)) : 9/16)
|
|
clip: true
|
|
color: DynamicColors.surfaceContainer
|
|
radius: Config.appearance.rounding.scale * 10
|
|
|
|
Image {
|
|
id: img
|
|
|
|
anchors.fill: parent
|
|
asynchronous: true
|
|
fillMode: Image.PreserveAspectFit
|
|
source: Wallpapers.current
|
|
|
|
Rectangle {
|
|
id: cropRect
|
|
|
|
property real paintedWidth: img.paintedWidth > 0 ? img.paintedWidth : img.width
|
|
property real paintedHeight: img.paintedHeight > 0 ? img.paintedHeight : img.height
|
|
property real paintedX: (img.width - paintedWidth) / 2
|
|
property real paintedY: (img.height - paintedHeight) / 2
|
|
|
|
property real screenAspect: Quickshell.screens.length > 0 ? (Quickshell.screens[0].width / Math.max(1, Quickshell.screens[0].height)) : 16/9
|
|
property real imageAspect: Math.max(1, paintedWidth) / Math.max(1, paintedHeight)
|
|
|
|
property real cropWidth: (imageAspect > screenAspect ? paintedHeight * screenAspect : paintedWidth) / Config.background.zoom
|
|
property real cropHeight: (imageAspect > screenAspect ? paintedHeight : paintedWidth / screenAspect) / Config.background.zoom
|
|
|
|
border.color: DynamicColors.primary
|
|
border.width: 2
|
|
color: DynamicColors.primaryContainer.withAlpha(0.3)
|
|
|
|
width: cropWidth
|
|
height: cropHeight
|
|
|
|
x: paintedX + (paintedWidth - width) * Config.background.alignX
|
|
y: paintedY + (paintedHeight - height) * Config.background.alignY
|
|
|
|
DragHandler {
|
|
target: null
|
|
onActiveTranslationChanged: {
|
|
if (active) {
|
|
let newX = cropRect.x - cropRect.paintedX + translation.x;
|
|
let newY = cropRect.y - cropRect.paintedY + translation.y;
|
|
|
|
let rangeX = cropRect.paintedWidth - cropRect.width;
|
|
let rangeY = cropRect.paintedHeight - cropRect.height;
|
|
|
|
if (rangeX > 0) {
|
|
let valX = newX / rangeX;
|
|
Config.background.alignX = Math.max(0.0, Math.min(1.0, valX));
|
|
}
|
|
|
|
if (rangeY > 0) {
|
|
let valY = newY / rangeY;
|
|
Config.background.alignY = Math.max(0.0, Math.min(1.0, valY));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PinchHandler {
|
|
maximumScale: 5.0
|
|
minimumScale: 1.0
|
|
target: null
|
|
|
|
onActiveScaleChanged: {
|
|
if (active) {
|
|
let newZoom = Config.background.zoom * (1 / (1 + (activeScale - 1) * 0.1));
|
|
Config.background.zoom = Math.max(1.0, Math.min(newZoom, 5.0));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingSpinBox {
|
|
name: "Zoom"
|
|
object: Config.background
|
|
setting: "zoom"
|
|
min: 1.0
|
|
max: 5.0
|
|
step: 0.1
|
|
}
|
|
} |