Added application settings page
This commit is contained in:
Digital Artifex
@@ -0,0 +1,476 @@
|
||||
/*
|
||||
* 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)
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user