mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-16 16:39:52 +01:00
KDE: Improve lockscreen to match sddm
This commit is contained in:
EliverLara
205
kde/look-and-feel/contents/components/WallpaperFader.qml
Normal file
205
kde/look-and-feel/contents/components/WallpaperFader.qml
Normal file
@@ -0,0 +1,205 @@
|
||||
/********************************************************************
|
||||
This file is part of the KDE project.
|
||||
|
||||
Copyright (C) 2014 Aleix Pol Gonzalez <aleixpol@blue-systems.com>
|
||||
|
||||
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 2 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 <http://www.gnu.org/licenses/>.
|
||||
*********************************************************************/
|
||||
|
||||
import QtQuick 2.6
|
||||
import QtQuick.Controls 1.1
|
||||
import QtQuick.Layouts 1.1
|
||||
import QtGraphicalEffects 1.0
|
||||
|
||||
import org.kde.plasma.core 2.0 as PlasmaCore
|
||||
import org.kde.plasma.components 2.0 as PlasmaComponents
|
||||
|
||||
import org.kde.plasma.private.sessions 2.0
|
||||
import "../components"
|
||||
|
||||
Item {
|
||||
id: wallpaperFader
|
||||
property Item clock
|
||||
property Item mainStack
|
||||
property Item footer
|
||||
property Item formBg
|
||||
property Item blurArea
|
||||
property Item blur
|
||||
property alias source: wallpaperBlur.source
|
||||
state: lockScreenRoot.uiVisible ? "on" : "off"
|
||||
property real factor: 0
|
||||
readonly property bool lightBackground: Math.max(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b) > 0.5
|
||||
|
||||
property bool alwaysShowClock: typeof config === "undefined" || config.alwaysShowClock === true
|
||||
|
||||
Behavior on factor {
|
||||
NumberAnimation {
|
||||
target: wallpaperFader
|
||||
property: "factor"
|
||||
duration: 1000
|
||||
easing.type: Easing.InOutQuad
|
||||
}
|
||||
}
|
||||
FastBlur {
|
||||
id: wallpaperBlur
|
||||
anchors.fill: parent
|
||||
radius: 50 * wallpaperFader.factor
|
||||
}
|
||||
ShaderEffect {
|
||||
id: wallpaperShader
|
||||
anchors.fill: parent
|
||||
supportsAtlasTextures: true
|
||||
property var source: ShaderEffectSource {
|
||||
sourceItem: wallpaperBlur
|
||||
live: true
|
||||
hideSource: true
|
||||
textureMirroring: ShaderEffectSource.NoMirroring
|
||||
}
|
||||
|
||||
readonly property real contrast: 0.65 * wallpaperFader.factor + (1 - wallpaperFader.factor)
|
||||
readonly property real saturation: 1.6 * wallpaperFader.factor + (1 - wallpaperFader.factor)
|
||||
readonly property real intensity: (wallpaperFader.lightBackground ? 1.7 : 0.6) * wallpaperFader.factor + (1 - wallpaperFader.factor)
|
||||
|
||||
readonly property real transl: (1.0 - contrast) / 2.0;
|
||||
readonly property real rval: (1.0 - saturation) * 0.2126;
|
||||
readonly property real gval: (1.0 - saturation) * 0.7152;
|
||||
readonly property real bval: (1.0 - saturation) * 0.0722;
|
||||
|
||||
property var colorMatrix: Qt.matrix4x4(
|
||||
contrast, 0, 0, 0.0,
|
||||
0, contrast, 0, 0.0,
|
||||
0, 0, contrast, 0.0,
|
||||
transl, transl, transl, 1.0).times(Qt.matrix4x4(
|
||||
rval + saturation, rval, rval, 0.0,
|
||||
gval, gval + saturation, gval, 0.0,
|
||||
bval, bval, bval + saturation, 0.0,
|
||||
0, 0, 0, 1.0)).times(Qt.matrix4x4(
|
||||
intensity, 0, 0, 0,
|
||||
0, intensity, 0, 0,
|
||||
0, 0, intensity, 0,
|
||||
0, 0, 0, 1
|
||||
));
|
||||
|
||||
|
||||
fragmentShader: "
|
||||
uniform mediump mat4 colorMatrix;
|
||||
uniform mediump sampler2D source;
|
||||
varying mediump vec2 qt_TexCoord0;
|
||||
uniform lowp float qt_Opacity;
|
||||
|
||||
void main(void)
|
||||
{
|
||||
mediump vec4 tex = texture2D(source, qt_TexCoord0);
|
||||
gl_FragColor = tex * colorMatrix * qt_Opacity;
|
||||
}"
|
||||
}
|
||||
|
||||
states: [
|
||||
State {
|
||||
name: "on"
|
||||
PropertyChanges {
|
||||
target: mainStack
|
||||
opacity: 1
|
||||
}
|
||||
PropertyChanges {
|
||||
target: footer
|
||||
opacity: 1
|
||||
}
|
||||
PropertyChanges {
|
||||
target: wallpaperFader
|
||||
factor: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: clock.shadow
|
||||
opacity: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: clock
|
||||
opacity: 1
|
||||
anchors.horizontalCenter: formBg.horizontalCenter
|
||||
// y: parent.height - height - 10
|
||||
}
|
||||
PropertyChanges {
|
||||
target: formBg
|
||||
opacity: 0.5
|
||||
}
|
||||
PropertyChanges {
|
||||
target: blurArea
|
||||
opacity: 1
|
||||
}
|
||||
PropertyChanges {
|
||||
target: blur
|
||||
opacity: 1
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "off"
|
||||
PropertyChanges {
|
||||
target: mainStack
|
||||
opacity: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: footer
|
||||
opacity: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: wallpaperFader
|
||||
factor: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: clock.shadow
|
||||
opacity: wallpaperFader.alwaysShowClock ? 1 : 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: clock
|
||||
opacity: wallpaperFader.alwaysShowClock ? 1 : 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: formBg
|
||||
opacity: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: blurArea
|
||||
opacity: 0
|
||||
}
|
||||
PropertyChanges {
|
||||
target: blur
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
]
|
||||
transitions: [
|
||||
Transition {
|
||||
from: "off"
|
||||
to: "on"
|
||||
//Note: can't use animators as they don't play well with parallelanimations
|
||||
NumberAnimation {
|
||||
targets: [mainStack, footer, clock]
|
||||
property: "opacity"
|
||||
duration: units.longDuration
|
||||
easing.type: Easing.InOutQuad
|
||||
}
|
||||
},
|
||||
Transition {
|
||||
from: "on"
|
||||
to: "off"
|
||||
NumberAnimation {
|
||||
targets: [mainStack, footer, clock]
|
||||
property: "opacity"
|
||||
duration: 500
|
||||
easing.type: Easing.InOutQuad
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user