113 lines
3.1 KiB
QML
113 lines
3.1 KiB
QML
/*
|
|
* Copyright 2014 Marco Martin <mart@kde.org>
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License version 2,
|
|
* or (at your option) any later version, as published by the Free
|
|
* Software Foundation
|
|
*
|
|
* 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, write to the
|
|
* Free Software Foundation, Inc.,
|
|
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
|
*/
|
|
import QtQuick 2.5
|
|
import QtQuick.Window 2.2
|
|
|
|
Rectangle {
|
|
id: root
|
|
color: "#161616"
|
|
property int stage
|
|
|
|
onStageChanged: {
|
|
if (stage == 1) {
|
|
introAnimation.running = true;
|
|
} else if (stage == 5) {
|
|
introAnimation.target = busyIndicator;
|
|
introAnimation.from = 1;
|
|
introAnimation.to = 0;
|
|
introAnimation.running = true;
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: content
|
|
anchors.fill: parent
|
|
opacity: 0
|
|
TextMetrics {
|
|
id: units
|
|
text: "M"
|
|
property int gridUnit: boundingRect.height
|
|
property int largeSpacing: units.gridUnit
|
|
property int smallSpacing: Math.max(2, gridUnit/4)
|
|
}
|
|
|
|
Rectangle {
|
|
|
|
//property int sizeAnim: 500
|
|
|
|
id: imageSource
|
|
width: 800
|
|
height: 600
|
|
color: "transparent"
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
clip: true;
|
|
|
|
AnimatedImage {
|
|
id: face
|
|
source: "images/cat.gif"
|
|
paused: false
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: 798
|
|
height: 598
|
|
smooth: true
|
|
visible: true
|
|
}
|
|
}
|
|
|
|
Image {
|
|
id: busyIndicator
|
|
y: parent.height - 200
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.margins: units.gridUnit
|
|
source: "images/loading.svgz"
|
|
sourceSize.height: units.gridUnit * 2
|
|
sourceSize.width: units.gridUnit * 2
|
|
RotationAnimator on rotation {
|
|
id: rotationAnimator
|
|
from: 0
|
|
to: 360
|
|
duration: 1500
|
|
loops: Animation.Infinite
|
|
}
|
|
}
|
|
Row {
|
|
opacity: 1
|
|
spacing: units.smallSpacing*3
|
|
anchors {
|
|
bottom: parent.bottom
|
|
margins: units.gridUnit
|
|
}
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
}
|
|
}
|
|
|
|
OpacityAnimator {
|
|
id: introAnimation
|
|
running: false
|
|
target: content
|
|
from: 0
|
|
to: 1
|
|
duration: 1000
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|