You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
2.5 KiB
114 lines
2.5 KiB
/* |
|
SPDX-FileCopyrightText: 2013 Martin Klapetek <mklapetek(at)kde.org> |
|
|
|
SPDX-License-Identifier: GPL-2.0-or-later |
|
*/ |
|
|
|
import QtQuick 2.0 |
|
|
|
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.png" |
|
} |
|
|
|
Image { |
|
id: iconsBackgroundRect |
|
anchors.centerIn: main |
|
width: row.implicitWidth + 32 // 32 being margins |
|
source: "images/rectangle.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
|
|
Row { |
|
id: row |
|
anchors.horizontalCenter: parent.horizontalCenter |
|
height: parent.height |
|
|
|
Image { |
|
id: icon1 |
|
anchors.verticalCenter: parent.verticalCenter |
|
width: iconSize |
|
source: "images/icon1.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
} |
|
|
|
Image { |
|
id: icon2 |
|
anchors.verticalCenter: parent.verticalCenter |
|
width: iconSize |
|
source: "images/icon2.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
} |
|
|
|
|
|
Image { |
|
id: icon3 |
|
anchors.verticalCenter: parent.verticalCenter |
|
width: iconSize |
|
source: "images/icon3.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
} |
|
|
|
|
|
Image { |
|
id: icon4 |
|
anchors.verticalCenter: parent.verticalCenter |
|
width: iconSize |
|
source: "images/icon4.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
} |
|
|
|
|
|
Image { |
|
id: icon5 |
|
anchors.verticalCenter: parent.verticalCenter |
|
width: 125 |
|
source: "images/icon5.png" |
|
|
|
opacity: 0 |
|
Behavior on opacity { FadeIn {} } |
|
} |
|
} |
|
} |
|
} |
|
|
|
|