Digital Artifex
477 lines
18 KiB
QML
477 lines
18 KiB
QML
/*
|
|
* Komplex Wallpaper Engine
|
|
* Copyright (C) 2026 @DigitalArtifex
|
|
* https://digitalartifex.dev - https://github.com/DigitalArtifex
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>
|
|
*/
|
|
import QtCore
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import KomplexHub
|
|
|
|
Item
|
|
{
|
|
property bool updated: updates.length > 0
|
|
property var updates: []
|
|
|
|
ColumnLayout
|
|
{
|
|
anchors.fill: parent
|
|
anchors.margins: Constants.largeMargin
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
|
|
text: qsTr("Animation Settings")
|
|
font: Constants.h1Font
|
|
color: palette.text
|
|
}
|
|
|
|
Rectangle
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 320
|
|
Layout.margins: Constants.largeMargin
|
|
|
|
color: palette.base
|
|
border.color: palette.midlight
|
|
|
|
ColumnLayout
|
|
{
|
|
id: animationSettingsLayout
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: Constants.largeMargin
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
CheckBox
|
|
{
|
|
Layout.preferredHeight: 36
|
|
property bool value: settings.animationsEnabled
|
|
|
|
id: animationsEnabledCheckbox
|
|
text: qsTr("Enable Animations")
|
|
font: Constants.h3Font
|
|
checked: value
|
|
|
|
onCheckStateChanged:
|
|
{
|
|
if(updates.indexOf("enable"))
|
|
{
|
|
updates.splice(updates.indexOf("enable"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("enable")
|
|
}
|
|
|
|
value = checked
|
|
}
|
|
}
|
|
}
|
|
Rectangle
|
|
{
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
|
|
color: "transparent"
|
|
|
|
Rectangle
|
|
{
|
|
anchors.centerIn: parent
|
|
anchors.right: parent.right
|
|
anchors.left: parent.left
|
|
height: 2
|
|
color: palette.midlight
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
text: qsTr("Slow Animation Duration (Ms)")
|
|
font: Constants.h3Font
|
|
color: palette.text
|
|
verticalAlignment: Qt.AlignVCenter
|
|
}
|
|
|
|
TextField
|
|
{
|
|
property int value: settings.slowAnimationDuration
|
|
|
|
Layout.fillHeight: true
|
|
Layout.preferredWidth: 36 * 3
|
|
|
|
id: slowAnimationDurationField
|
|
inputMethodHints: Qt.ImhFormattedNumbersOnly
|
|
horizontalAlignment: Text.AlignRight
|
|
enabled: animationsEnabledCheckbox.value
|
|
text: value
|
|
|
|
onEditingFinished: () =>
|
|
{
|
|
if(updates.indexOf("slowAnimationDuration"))
|
|
{
|
|
updates.splice(updates.indexOf("slowAnimationDuration"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("slowAnimationDuration")
|
|
}
|
|
|
|
value = parseInt(text)
|
|
}
|
|
|
|
Keys.onPressed: (event) =>
|
|
{
|
|
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter)
|
|
{
|
|
slowAnimationDurationField.focus = false; // Unfocus the TextField
|
|
event.accepted = true; // Prevent further propagation of the key event
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
color: slowAnimationDurationField.activeFocus ? palette.base : "transparent"
|
|
border.color: slowAnimationDurationField.activeFocus ? palette.highlight : "transparent"
|
|
border.width: 1
|
|
radius: 4
|
|
anchors.fill: slowAnimationDurationField
|
|
anchors.margins: -2
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
text: qsTr("Normal Animation Duration (Ms)")
|
|
font: Constants.h3Font
|
|
color: palette.text
|
|
verticalAlignment: Qt.AlignVCenter
|
|
}
|
|
|
|
TextField
|
|
{
|
|
property int value: settings.normalAnimationDuration
|
|
|
|
Layout.fillHeight: true
|
|
Layout.preferredWidth: 36 * 3
|
|
|
|
id: normalAnimationDurationField
|
|
inputMethodHints: Qt.ImhFormattedNumbersOnly
|
|
horizontalAlignment: Text.AlignRight
|
|
enabled: animationsEnabledCheckbox.value
|
|
text: value
|
|
|
|
onEditingFinished: () =>
|
|
{
|
|
if(updates.indexOf("normalAnimationDuration"))
|
|
{
|
|
updates.splice(updates.indexOf("normalAnimationDuration"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("normalAnimationDuration")
|
|
}
|
|
|
|
value = parseInt(text)
|
|
}
|
|
|
|
Keys.onPressed: (event) =>
|
|
{
|
|
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter)
|
|
{
|
|
normalAnimationDurationField.focus = false; // Unfocus the TextField
|
|
event.accepted = true; // Prevent further propagation of the key event
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
color: normalAnimationDurationField.activeFocus ? palette.base : "transparent"
|
|
border.color: normalAnimationDurationField.activeFocus ? palette.highlight : "transparent"
|
|
border.width: 1
|
|
radius: 4
|
|
anchors.fill: normalAnimationDurationField
|
|
anchors.margins: -2
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
text: qsTr("Fast Animation Duration (Ms)")
|
|
font: Constants.h3Font
|
|
color: palette.text
|
|
verticalAlignment: Qt.AlignVCenter
|
|
}
|
|
|
|
TextField
|
|
{
|
|
property int value: settings.fastAnimationDuration
|
|
|
|
Layout.fillHeight: true
|
|
Layout.preferredWidth: 36 * 3
|
|
|
|
id: fastAnimationDurationField
|
|
inputMethodHints: Qt.ImhFormattedNumbersOnly
|
|
horizontalAlignment: Text.AlignRight
|
|
enabled: animationsEnabledCheckbox.value
|
|
text: value
|
|
|
|
onEditingFinished: () =>
|
|
{
|
|
if(updates.indexOf("normalAnimationDuration"))
|
|
{
|
|
updates.splice(updates.indexOf("normalAnimationDuration"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("normalAnimationDuration")
|
|
}
|
|
value = parseInt(text)
|
|
}
|
|
|
|
Keys.onPressed: (event) =>
|
|
{
|
|
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter)
|
|
{
|
|
fastAnimationDurationField.focus = false; // Unfocus the TextField
|
|
event.accepted = true; // Prevent further propagation of the key event
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
color: fastAnimationDurationField.activeFocus ? palette.base : "transparent"
|
|
border.color: fastAnimationDurationField.activeFocus ? palette.highlight : "transparent"
|
|
border.width: 1
|
|
radius: 4
|
|
anchors.fill: fastAnimationDurationField
|
|
anchors.margins: -2
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
text: qsTr("Page Change Animation Duration (Ms)")
|
|
font: Constants.h3Font
|
|
color: palette.text
|
|
verticalAlignment: Qt.AlignVCenter
|
|
}
|
|
|
|
TextField
|
|
{
|
|
property int value: settings.pageChangeAnimationDuration
|
|
|
|
Layout.fillHeight: true
|
|
Layout.preferredWidth: 36 * 3
|
|
|
|
id: pageChangeAnimationDurationField
|
|
inputMethodHints: Qt.ImhFormattedNumbersOnly
|
|
horizontalAlignment: Text.AlignRight
|
|
enabled: animationsEnabledCheckbox.value
|
|
text: value
|
|
|
|
onEditingFinished: () =>
|
|
{
|
|
if(updates.indexOf("pageChangeAnimationDuration"))
|
|
{
|
|
updates.splice(updates.indexOf("pageChangeAnimationDuration"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("pageChangeAnimationDuration")
|
|
}
|
|
value = parseInt(text)
|
|
}
|
|
|
|
Keys.onPressed: (event) =>
|
|
{
|
|
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter)
|
|
{
|
|
pageChangeAnimationDurationField.focus = false; // Unfocus the TextField
|
|
event.accepted = true; // Prevent further propagation of the key event
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
color: pageChangeAnimationDurationField.activeFocus ? palette.base : "transparent"
|
|
border.color: pageChangeAnimationDurationField.activeFocus ? palette.highlight : "transparent"
|
|
border.width: 1
|
|
radius: 4
|
|
anchors.fill: pageChangeAnimationDurationField
|
|
anchors.margins: -2
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 36
|
|
|
|
Text
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
|
|
text: qsTr("Page Fade Animation Duration (Ms)")
|
|
font: Constants.h3Font
|
|
color: palette.text
|
|
verticalAlignment: Qt.AlignVCenter
|
|
}
|
|
|
|
TextField
|
|
{
|
|
property int value: settings.pageFadeAnimationDuration
|
|
|
|
Layout.fillHeight: true
|
|
Layout.preferredWidth: 36 * 3
|
|
|
|
id: pageFadeAnimationDurationField
|
|
inputMethodHints: Qt.ImhFormattedNumbersOnly
|
|
horizontalAlignment: Text.AlignRight
|
|
text: value
|
|
enabled: animationsEnabledCheckbox.value
|
|
|
|
onEditingFinished: () =>
|
|
{
|
|
if(updates.indexOf("pageChangeAnimationDuration"))
|
|
{
|
|
updates.splice(updates.indexOf("pageChangeAnimationDuration"), 1)
|
|
}
|
|
else
|
|
{
|
|
updates.push("pageChangeAnimationDuration")
|
|
}
|
|
value = parseInt(text)
|
|
}
|
|
|
|
Keys.onPressed: (event) =>
|
|
{
|
|
if (event.key === Qt.Key_Return || event.key === Qt.Key_Enter)
|
|
{
|
|
pageFadeAnimationDurationField.focus = false; // Unfocus the TextField
|
|
event.accepted = true; // Prevent further propagation of the key event
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
color: pageFadeAnimationDurationField.activeFocus ? palette.base : "transparent"
|
|
border.color: pageFadeAnimationDurationField.activeFocus ? palette.highlight : "transparent"
|
|
border.width: 1
|
|
radius: 4
|
|
anchors.fill: pageFadeAnimationDurationField
|
|
anchors.margins: -2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Item
|
|
{
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
Settings
|
|
{
|
|
id: settings
|
|
property bool animationsEnabled: true
|
|
|
|
//ms length of page change
|
|
property int pageChangeAnimationDuration: 250
|
|
property int pageFadeAnimationDuration: 250
|
|
|
|
property int slowAnimationDuration: 750
|
|
property int normalAnimationDuration: 250
|
|
property int fastAnimationDuration: 125
|
|
}
|
|
|
|
function apply()
|
|
{
|
|
if(updated)
|
|
{
|
|
settings.animationsEnabled = animationsEnabledCheckbox.value
|
|
settings.slowAnimationDuration = slowAnimationDurationField.value
|
|
settings.normalAnimationDuration = normalAnimationDurationField.value
|
|
settings.fastAnimationDuration = fastAnimationDurationField.value
|
|
settings.pageChangeAnimationDuration = pageChangeAnimationDurationField.value
|
|
settings.pageFadeAnimationDuration = pageFadeAnimationDurationField.value
|
|
|
|
updates.splice(0, updates.length)
|
|
}
|
|
}
|
|
|
|
function reset()
|
|
{
|
|
if(updated)
|
|
{
|
|
animationsEnabledCheckbox.value = settings.animationsEnabled
|
|
slowAnimationDurationField.value = settings.slowAnimationDuration
|
|
normalAnimationDurationField.value = settings.normalAnimationDuration
|
|
fastAnimationDurationField.value = settings.fastAnimationDuration
|
|
pageChangeAnimationDurationField.value = settings.pageChangeAnimationDuration
|
|
pageFadeAnimationDurationField.value = settings.pageFadeAnimationDuration
|
|
|
|
updates.splice(0, updates.length)
|
|
}
|
|
}
|
|
}
|