git.iko.soy/unity8
on bbbdccd help sign in
unity8/qml/Stages/Splash.qml
162 lines 5.9 kB history raw
1/*
2 * Copyright 2014 Canonical Ltd.
3 *
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU Lesser General Public License as published by
6 * the Free Software Foundation; version 3.
7 *
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU Lesser General Public License for more details.
12 *
13 * You should have received a copy of the GNU Lesser General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
15*/
17import QtQuick 2.4
18import Ubuntu.Components 1.3
19import Ubuntu.Components.Themes 1.3
20import "../Components"
22import Ubuntu.Components.Themes.Ambiance 1.3 as Ambiance
24Item {
25 id: root
27 property color backgroundColor: d.undefinedColor
28 property color headerColor: d.undefinedColor
29 property color footerColor: d.undefinedColor
30 property alias imageSource: overlaidImage.source
31 property url icon
32 property alias title: headerConfig.title
33 property alias showHeader: header.visible
35 Ambiance.Palette {
36 id: ambiancePalette
37 }
39 QtObject {
40 id: d
42 // As specified in qtmir, it will set the color value to this for fields left undefined
43 // This is also the default value of a color property in QML.
44 readonly property color undefinedColor: "#00000000"
46 readonly property color defaultBackgroundColor: header.visible ? ambiancePalette.normal.background : "black"
48 // Splash screen that shows the application icon and splashTitle
49 readonly property bool showIcon: overlaidImage.status == Image.Null && !root.showHeader
50 }
52 StyledItem {
53 id: styledItem
54 anchors.fill: parent
56 // mimic API of toolkit's MainView component required by MainViewStyle
57 property color backgroundColor: Qt.colorEqual(root.backgroundColor, d.undefinedColor) ? d.defaultBackgroundColor
58 : root.backgroundColor
59 property color headerColor: Qt.colorEqual(root.headerColor, d.undefinedColor) ? styledItem.backgroundColor
60 : root.headerColor
61 property color footerColor: Qt.colorEqual(root.footerColor, d.undefinedColor) ? styledItem.backgroundColor
62 : root.footerColor
64 // FIXME: fake a Theme object as to expose the Palette corresponding to the backgroundColor (see MainViewStyle.qml)
65 readonly property var fakeTheme: QtObject {
66 property string name
67 property Palette palette: Qt.createQmlObject("import QtQuick 2.4;\
68 import Ubuntu.Components.Themes.%1 1.3;\
69 Palette {}".arg(styledItem.fakeTheme.name),
70 styledItem, "dynamicPalette");
71 }
73 // FIXME: should instead use future toolkit API:
74 // style: theme.createStyleComponent("MainViewStyle.qml", styledItem)
75 style: Component { MainViewStyle {theme: styledItem.fakeTheme} }
76 }
78 Ambiance.PageHeadStyle {
79 id: header
80 anchors {
81 left: parent.left;
82 right: parent.right
83 }
84 property var styledItem: header
85 // FIXME Keep in sync with SDK's MainView.qml values of these two colors
86 property color dividerColor: Qt.darker(styledItem.backgroundColor, 1.1)
87 property color panelColor: Qt.lighter(styledItem.backgroundColor, 1.1)
88 panelForegroundColor: config.foregroundColor
89 config: PageHeadConfiguration {
90 id: headerConfig
91 foregroundColor: styledItem.fakeTheme.palette.selected.backgroundText
92 }
94 property var contents: null
95 }
97 Image {
98 id: overlaidImage
99 anchors.centerIn: parent
100 anchors.verticalCenterOffset: header.visible ? header.height / 2 : 0
101 sourceSize {
102 width: root.width
103 height: root.height
104 }
105 asynchronous: true
106 cache: false
107 }
109 UbuntuShape {
110 id: iconShape
111 anchors.horizontalCenter: parent.horizontalCenter
112 anchors.verticalCenter: parent.verticalCenter
113 anchors.verticalCenterOffset: -units.gu(4)
114 width: units.gu(8)
115 height: units.gu(7.5)
117 visible: d.showIcon
119 radius: "medium"
120 aspect: UbuntuShape.Flat
121 sourceFillMode: Image.PreserveAspectCrop
122 source: Image {
123 id: iconImage
124 sourceSize.width: iconShape.width
125 sourceSize.height: iconShape.height
126 source: d.showIcon ? root.icon : ""
127 }
128 }
130 Label {
131 text: root.title
132 anchors.horizontalCenter: parent.horizontalCenter
133 anchors.top: iconShape.bottom
134 anchors.topMargin: units.gu(2)
135 fontSize: "large"
137 color: styledItem.fakeTheme.palette.selected.backgroundText
138 visible: d.showIcon
139 }
141 Timer {
142 interval: 2000
143 onTriggered: spinner.running = true
144 running: true
145 }
147 ActivityIndicator {
148 id: spinner
149 anchors.centerIn: header.visible ? parent : undefined
150 anchors.verticalCenterOffset: header.visible ? header.height / 2 : 0
152 anchors.horizontalCenter: header.visible ? undefined : parent.horizontalCenter
153 anchors.bottom: header.visible ? undefined : parent.bottom
154 anchors.bottomMargin: header.visible ? 0 : units.gu(12)
155 }
157 MouseArea {
158 anchors.fill: parent
159 enabled: parent.visible
160 // absorb all mouse events
161 }