subsurface/qt-mobile/qml/main.qml
Dirk Hohndel 04e994b575 Subsurface-mobile on Android: change the splash screen methodology
This is based on post by Ben Laud
https://medium.com/@benlaud/complete-guide-to-make-a-splash-screen-for-your-qml-android-application-567ca3bc70af

It creates a theme that uses a splash drawable that Android will show
immediately when the application is launched. And then starts the QML
application with visibility set to false adn only makes it visible (and replace
the splash screen) once initialization is finished.

We still get a little flicker with the switch from splash to start page to dive
list, but over all the experience is hugely improved. And the bug that the
splash screen stays around when starting Subsurface-mobile in landscape also
appears to be fixed.

Fixes #994

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
2016-01-19 12:42:58 -08:00

266 lines
5.1 KiB
QML

import QtQuick 2.4
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1
import QtQuick.Window 2.2
import org.subsurfacedivelog.mobile 1.0
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
MobileComponents.ApplicationWindow {
id: rootItem
title: qsTr("Subsurface-mobile")
property bool fullscreen: true
FontMetrics {
id: fontMetrics
}
visible: false
opacity: 0
globalDrawer: MobileComponents.GlobalDrawer {
title: "Subsurface"
titleIcon: "qrc:/qml/subsurface-mobile-icon.png"
bannerImageSource: "dive.jpg"
actions: [
Action {
text: "Cloud credentials"
onTriggered: {
stackView.push(cloudCredWindow)
}
},
Action {
text: "Preferences"
onTriggered: {
stackView.push(prefsWindow)
}
},
MobileComponents.ActionGroup {
text: "Manage dives"
Action {
text: "Download from computer"
onTriggered: {
stackView.push(downloadDivesWindow)
}
}
Action {
text: "Add dive manually"
onTriggered: {
detailsWindow.state = "edit"
detailsWindow.dive_id = manager.addDive();
detailsWindow.number = manager.getNumber(detailsWindow.dive_id)
detailsWindow.date = manager.getDate(detailsWindow.dive_id)
detailsWindow.airtemp = ""
detailsWindow.watertemp = ""
detailsWindow.buddy = ""
detailsWindow.depth = ""
detailsWindow.divemaster = ""
detailsWindow.notes = ""
detailsWindow.location = ""
detailsWindow.duration = ""
detailsWindow.suit = ""
detailsWindow.weight = ""
stackView.push(detailsWindow)
}
}
Action {
text: "Refresh"
onTriggered: {
manager.loadDives();
}
}
Action {
text: "Upload to cloud"
onTriggered: {
manager.saveChanges();
}
}
},
MobileComponents.ActionGroup {
text: "GPS"
Action {
text: "GPS-tag dives"
onTriggered: {
manager.applyGpsData();
}
}
Action {
text: "Upload GPS data"
onTriggered: {
manager.sendGpsData();
}
}
Action {
text: "Download GPS data"
onTriggered: {
manager.downloadGpsData();
}
}
Action {
text: "Show GPS fixes"
onTriggered: {
manager.populateGpsData();
stackView.push(gpsWindow)
}
}
Action {
text: "Clear GPS cache"
onTriggered: {
manager.clearGpsData();
}
}
},
MobileComponents.ActionGroup {
text: "Developer"
Action {
text: "App log"
onTriggered: {
stackView.push(logWindow)
}
}
Action {
text: "Theme information"
onTriggered: {
stackView.push(themetest)
}
}
Action {
checkable: true
checked: manager.verboseEnabled
text: checked ? "Disable verbose (for adb logcat)" : "Enable verbose (for adb logcat)"
onToggled: {
manager.verboseEnabled = checked;
}
}
}
] // end actions
MouseArea {
height: childrenRect.height
width: MobileComponents.Units.gridUnit * 10
CheckBox {
//text: "Run location service"
id: locationCheckbox
anchors {
left: parent.left
top: parent.top
}
checked: manager.locationServiceEnabled
onCheckedChanged: {
manager.locationServiceEnabled = checked;
}
}
MobileComponents.Label {
x: MobileComponents.Units.gridUnit * 1.5
anchors {
left: locationCheckbox.right
//leftMargin: units.smallSpacing
verticalCenter: locationCheckbox.verticalCenter
}
text: "Run location service"
}
onClicked: {
print("Click.")
locationCheckbox.checked = !locationCheckbox.checked
}
}
}
contextDrawer: MobileComponents.ContextDrawer {
id: contextDrawer
actions: rootItem.pageStack.currentPage ? rootItem.pageStack.currentPage.contextualActions : null
title: "Actions"
}
QtObject {
id: subsurfaceTheme
property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5)
property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
property color accentColor: "#2d5b9a"
property color accentTextColor: "#ececec"
}
toolBar: TopBar {
width: parent.width
height: Layout.minimumHeight
}
property Item stackView: pageStack
initialPage: DiveList {
anchors.fill: detailsPage
id: diveDetails
opacity: 0
Behavior on opacity {
NumberAnimation {
duration: 200
easing.type: Easing.OutQuad
}
}
}
QMLManager {
id: manager
}
Preferences {
id: prefsWindow
visible: false
}
CloudCredentials {
id: cloudCredWindow
visible: false
}
DiveDetails {
id: detailsWindow
visible: false
width: parent.width
height: parent.height
}
DownloadFromDiveComputer {
id: downloadDivesWindow
visible: false
}
Log {
id: logWindow
visible: false
}
GpsList {
id: gpsWindow
}
ThemeTest {
id: themetest
visible: false
}
Component.onCompleted: {
manager.finishSetup();
rootItem.visible = true
diveDetails.opacity = 1
rootItem.opacity = 1
}
Behavior on opacity {
NumberAnimation {
duration: 200
easing.type: Easing.OutQuad
}
}
}