Design
/
melawy-plasma-look-and-feel-lera-sugar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update

This commit is contained in:
Valeria Fadeeva 2023-05-03 14:49:25 +05:00
parent 6734277a22
commit 9c5b23436e
3 changed files with 172 additions and 252 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

368
com.github.Melawy.Lera-Sugar.desktop/contents/splash/Splash.qml
View File

@ -1,36 +1,61 @@
/* /*
* Copyright 2014 Marco Martin <mart@kde.org> * Copyright 2023 Valeria Fadeeva <valeria@fadeeva.me>
* *
* This program is free software; you can redistribute it and/or modify * This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 2, * it under the terms of the GNU Affero General Public License version 3,
* or (at your option) any later version, as published by the Free * or (at your option) any later version, as published by the Free
* Software Foundation * Software Foundation
* *
* This program is distributed in the hope that it will be useful, * This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of * but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details * GNU Affero General Public License for more details
* *
* You should have received a copy of the GNU General Public * You should have received a copy of the GNU Affero General Public
* License along with this program; if not, write to the * License along with this program; if not, write to the
* Free Software Foundation, Inc., * Free Software Foundation, Inc.,
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/ */
import QtQuick 2.5 import QtQuick 2.11
import QtQuick.Layouts 1.11
import QtQuick.Controls 2.4
import QtGraphicalEffects 1.0 import QtGraphicalEffects 1.0
Image { Pane {
id: root id: root
source: "images/background.jpg"
fillMode: Image.PreserveAspectCrop height: Screen.height
width: Screen.ScreenWidth
LayoutMirroring.enabled: false
LayoutMirroring.childrenInherit: true
padding: 0
palette.button: "transparent"
palette.highlight: "#E03D3D"
palette.text: "#A03d40"
palette.buttonText: "#A03d40"
palette.window: "#EEEEEE"
font.family: "Noto Sans"
font.pointSize: parseInt(height / 80)
focus: true
TextMetrics {
id: units
text: "M"
property int gridUnit: boundingRect.height
property int largeSpacing: units.gridUnit
property int smallSpacing: Math.max(2, gridUnit/4)
}
property int stage property int stage
onStageChanged: { onStageChanged: {
if (stage == 2) { if (stage == 1) {
inOpacityAnimationContent.running = true; inOpacityAnimationContent.running = true;
inOpacityAnimationBusyIndicator.running = true; lineAnimation.running = true;
} }
else if (stage == 2) { else if (stage == 2) {
@ -39,16 +64,87 @@ Image {
else if (stage == 3) { else if (stage == 3) {
lineAnimation.running = true; lineAnimation.running = true;
// timerOpacityAnimationLoadingText.start();
} }
else if (stage == 4) { else if (stage == 4) {
lineAnimation.running = true; lineAnimation.running = true;
outOpacityAnimationForm.running = true;
outOpacityAnimationContent.running = true;
}
}
Item {
id: sizeHelper
anchors.fill: parent
height: parent.height
width: parent.width
Rectangle {
id: tintLayer
anchors.fill: parent
width: parent.width
height: parent.height
color: "#000000"
opacity: 0.0
z: 1
} }
else if (stage == 5) { Rectangle {
outOpacityAnimationBusyIndicator.running = true; id: form
outOpacityAnimationContent.running = true;
height: parent.height
width: parent.width / 2.5
anchors.horizontalCenter: undefined
anchors.left: parent.left
anchors.right: undefined
opacity: 0.0
z: 1
}
Image {
id: backgroundImage
height: parent.height
width: parent.width
anchors.left: parent.left
anchors.right: parent.right
horizontalAlignment: Image.AlignHCenter
verticalAlignment: Image.AlignVCenter
source: "images/background.jpg"
fillMode: Image.PreserveAspectCrop
//fillMode: Image.PreserveAspectFit
asynchronous: true
cache: true
clip: true
mipmap: true
}
ShaderEffectSource {
id: blurMask
sourceItem: backgroundImage
width: form.width
height: parent.height
anchors.centerIn: form
sourceRect: Qt.rect(x,y,width,height)
visible: true
}
GaussianBlur {
id: blur
height: parent.height
width: form.width
source: blurMask
radius: 100
samples: 201
cached: true
anchors.centerIn: form
visible: true
} }
} }
@ -58,124 +154,59 @@ Image {
anchors.bottomMargin: 0 anchors.bottomMargin: 0
anchors.leftMargin: 0 anchors.leftMargin: 0
anchors.topMargin: 0 anchors.topMargin: 0
anchors.fill: parent anchors.fill: form
opacity: 0 opacity: 0
TextMetrics {
id: units Text {
text: "M" visible: true
property int gridUnit: boundingRect.height height: 1470
property int largeSpacing: units.gridUnit width: 1920
property int smallSpacing: Math.max(2, gridUnit/4) Text {
id: text
font.pointSize: 64
x: (form.width - width) / 2
y: (form.height / 3) * 2
anchors.centerIn: form
text: "Welcome!"
visible: true
color: "#e92222"
}
} }
Image { Image {
id: logo id: logo
property real size: units.gridUnit * 12 property real size: units.gridUnit * 15
anchors.centerIn: parent anchors.centerIn: form
source: "" source: "images/Melawy_Linux_640x640.svg"
sourceSize.width: size sourceSize.width: size
sourceSize.height: size sourceSize.height: size
} x: (form.width - width) / 2
y: (form.height / 3) * 2.2
Row {
spacing: units.smallSpacing*2
anchors {
bottom: parent.bottom
right: parent.right
rightMargin: units.gridUnit * 15
bottomMargin: units.gridUnit * 13
margins: units.gridUnit
}
Text {
id: date1
text:Qt.formatDateTime(new Date(),"dddd, hh:mm")
font.pointSize: 32
color: "#e92222"
opacity:0.85
font { family: "NotoSans"; weight: Font.Medium ;capitalization: Font.Capitalize}
anchors.horizontalCenter: parent.horizontalCenter
y: (parent.height - height) / 1.2
}
}
Row {
spacing: units.smallSpacing*2
anchors {
bottom: parent.bottom
right: parent.right
rightMargin: units.gridUnit * 15
bottomMargin: units.gridUnit * 10
margins: units.gridUnit
}
Text {
id: date2
text:Qt.formatDateTime(new Date(),"yyyy.MM.dd")
font.pointSize: 32
color: "#e92222"
opacity:0.85
font { family: "NotoSans"; weight: Font.Medium ;capitalization: Font.Capitalize}
anchors.horizontalCenter: parent.horizontalCenter
y: (parent.height - height) / 1.1
}
}
Image {
id: busyIndicator
//in the middle of the remaining space
//y: (parent.height - height) / 1.7
y: root.height - (root.height - logo.y) / 1.1 - height/2
anchors.horizontalCenter: parent.horizontalCenter
source: "images/start.svg"
opacity: 0
sourceSize.height: units.gridUnit * 15.0
sourceSize.width: units.gridUnit * 15.0
RotationAnimator on rotation {
id: rotationAnimator1
from: 0
to: 0
duration: 1100
loops: Animation.Infinite
}
}
Row {
spacing: units.smallSpacing*2
anchors {
bottom: parent.bottom
right: parent.right
rightMargin: units.gridUnit * 1.5
margins: units.gridUnit
}
Image {
source: "images/Melawy_Linux_640x640.svg"
sourceSize.height: units.gridUnit * 8
sourceSize.width: units.gridUnit * 8
}
} }
Image { Image {
id: topRect id: topRect
anchors.horizontalCenter: parent.horizontalCenter anchors.left: form.left
y: root.height y: form.height
source: "images/rectangle.svg" source: "images/rectangle.svg"
Rectangle { Rectangle {
radius: 3 radius: 3
color: "#1d212f" color: "#1d212f"
height: 6 height: 6
width: height*52 width: form.width
anchors anchors
{ {
bottom: parent.bottom bottom: parent.bottom
bottomMargin:0 bottomMargin:0
horizontalCenter: parent.horizontalCenter left: parent.left
} }
Rectangle Rectangle
{ {
radius: 3 radius: 3
color: "#FFFFFF" color: "#FFFFFF"
width: (parent.width / 6) * (stage - 0.00) width: (form.width / 6) * (stage - 0.00)
anchors anchors
{ {
left: parent.left left: parent.left
@ -200,7 +231,7 @@ Image {
PropertyAnimation { PropertyAnimation {
property: "y" property: "y"
target: topRect target: topRect
to: ((root.height / 3) * 2) - 170 to: (form.height / 3) * 2
duration: 1500 duration: 1500
easing.type: Easing.InOutBack easing.type: Easing.InOutBack
easing.overshoot: 1.0 easing.overshoot: 1.0
@ -208,100 +239,45 @@ Image {
} }
} }
Text { OpacityAnimator {
visible: true id: inOpacityAnimationContent
height: 1470 running: false
width: 1920 target: content
Text { from: 0
id: text to: 1
font.pointSize: 64 duration: 1000
x: (root.width - width) / 2 easing.type: Easing.InOutQuad
y: (root.height / 3) * 2
anchors.centerIn: parent
text: "Welcome!"
visible: true
color: "#e92222"
}
} }
Text { OpacityAnimator {
id: loadingText id: outOpacityAnimationContent
height: 40 running: false
anchors.bottomMargin: 0 target: content
anchors.topMargin: 0 from: 1
text: "Made with Love" to: 0
color: "#FFFFFF" duration: 5000
font.family: webFont.name easing.type: Easing.InOutQuad
font.weight: Font.ExtraLight
font.pointSize: 32
opacity: 0
textFormat: Text.StyledText
x: (root.width - width) / 2
y: (root.height / 3) * 2
} }
}
OpacityAnimator { OpacityAnimator {
id: inOpacityAnimationBusyIndicator id: inOpacityAnimationForm
running: false running: false
target: busyIndicator target: blur
from: 0 from: 0
to: 1 to: 1
duration: 1000 duration: 1000
easing.type: Easing.InOutQuad easing.type: Easing.InOutQuad
} }
OpacityAnimator { OpacityAnimator {
id: outOpacityAnimationBusyIndicator id: outOpacityAnimationForm
running: false running: false
target: busyIndicator target: blur
from: 1 from: 1
to: 0 to: 0
duration: 1500 duration: 5000
easing.type: Easing.InOutQuad easing.type: Easing.InOutQuad
} }
OpacityAnimator {
id: inOpacityAnimationContent
running: false
target: content
from: 0
to: 1
duration: 1000
easing.type: Easing.InOutQuad
}
OpacityAnimator {
id: outOpacityAnimationContent
running: false
target: content
from: 1
to: 0
duration: 3000
easing.type: Easing.InOutQuad
}
OpacityAnimator {
id: inOpacityAnimationLoadingText
running: false
target: loadingText
from: 0
to: 1
duration: 2000
easing.type: Easing.InOutQuad
paused: true
}
Timer {
id: timerOpacityAnimationLoadingText
interval: 1500; running: false; repeat: false;
onTriggered: root.viewLoadingText();
}
function viewLoadingText() {
inOpacityAnimationLoadingText.from = 0;
inOpacityAnimationLoadingText.to = 1;
inOpacityAnimationLoadingText.running = true;
} }
} }

BIN
com.github.Melawy.Lera-Sugar.desktop/contents/splash/images/Melawy_Linux_640x640.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

56
com.github.Melawy.Lera-Sugar.desktop/contents/splash/images/start.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB