139 lines
3.5 KiB
QML
139 lines
3.5 KiB
QML
/*
|
|
* Copyright (C) 2013 Martin Klapetek <mklapetek(at)kde.org>
|
|
* Copyright (C) 2014 Aurélien COUDERC <zecoucou(at)free.fr>
|
|
*
|
|
* 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 02100-1301, USA.
|
|
*/
|
|
|
|
import QtQuick 1.1
|
|
|
|
Item {
|
|
id: main
|
|
|
|
width: screenSize.width
|
|
height: screenSize.height
|
|
|
|
property int stage
|
|
property int iconSize: 78
|
|
|
|
onStageChanged: {
|
|
if (stage == 1) {
|
|
iconsBackgroundRect.opacity = 1
|
|
}
|
|
if (stage == 2) {
|
|
icon1.opacity = 1
|
|
}
|
|
if (stage == 3) {
|
|
icon2.opacity = 1
|
|
}
|
|
if (stage == 4) {
|
|
icon3.opacity = 1
|
|
}
|
|
if (stage == 5) {
|
|
icon4.opacity = 1
|
|
}
|
|
if (stage == 6) {
|
|
icon5.opacity = 1
|
|
}
|
|
}
|
|
|
|
Image {
|
|
id: background
|
|
anchors.fill: parent
|
|
source: "images/background.svg"
|
|
}
|
|
|
|
Image {
|
|
id: background_logo_cropped
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
height: screenSize.height*0.5
|
|
fillMode: Image.PreserveAspectFit
|
|
smooth: true
|
|
source: "images/background_logo_cropped.svg"
|
|
}
|
|
|
|
Image {
|
|
id: iconsBackgroundRect
|
|
anchors.centerIn: main
|
|
source: "images/rectangle.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
|
|
Row {
|
|
id: row
|
|
anchors.centerIn: parent
|
|
height: parent.height
|
|
width: icon1.width + icon2.width + icon3.width + icon4.width + icon5.width
|
|
|
|
Image {
|
|
id: icon1
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 95
|
|
source: "images/icon1.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
}
|
|
|
|
Image {
|
|
id: icon2
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 95
|
|
source: "images/icon2.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
}
|
|
|
|
|
|
Image {
|
|
id: icon3
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 95
|
|
source: "images/icon3.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
}
|
|
|
|
|
|
Image {
|
|
id: icon4
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 95
|
|
source: "images/icon4.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
}
|
|
|
|
|
|
Image {
|
|
id: icon5
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 53
|
|
source: "images/icon5.png"
|
|
|
|
opacity: 0
|
|
Behavior on opacity { FadeIn {} }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|