mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2025-02-19 22:16:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

QML UI: make the buttons on the start page more attractive

Browse source 
Those plain rectangular buttons were just too ugly.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2016-01-19 22:32:37 -08:00
parent b42dd941c1
commit f3f79309d3
1 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
qt-mobile/qml/StartPage.qml
View file

@ -1,15 +1,33 @@
import QtQuick 2.5 import QtQuick 2.5
import QtQuick.Controls 1.2 import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.1 import QtQuick.Layouts 1.1
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
import org.subsurfacedivelog.mobile 1.0
Item { Item {
property var subsurfaceButton: Component {
ButtonStyle {
background: Rectangle {
border.width: 1
radius: height / 3
color: subsurfaceTheme.accentColor
}
label: Text{
text: control.text
color: subsurfaceTheme.accentTextColor
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
}
}
}
ColumnLayout { ColumnLayout {
id: startpage id: startpage
anchors.fill: parent anchors.fill: parent
anchors.margins: MobileComponents.Units.gridUnit / 2 anchors.margins: MobileComponents.Units.gridUnit / 2
property int buttonWidth: welcomeText.width property int buttonWidth: width * 0.9
MobileComponents.Heading { MobileComponents.Heading {
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.bottomMargin: MobileComponents.Units.largeSpacing
@ -25,27 +43,33 @@ Item {
Layout.columnSpan: 2 Layout.columnSpan: 2
} }
Button { Button {
style: subsurfaceButton
id: cloudstorageButton id: cloudstorageButton
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.bottomMargin: MobileComponents.Units.largeSpacing
Layout.preferredWidth: startpage.buttonWidth Layout.preferredWidth: startpage.buttonWidth
anchors.horizontalCenter: parent.horizontalCenter
text: "Connect to CloudStorage..." text: "Connect to CloudStorage..."
onClicked: { onClicked: {
stackView.push(cloudCredWindow) stackView.push(cloudCredWindow)
} }
} }
Button { Button {
style: subsurfaceButton
id: computerButton id: computerButton
Layout.preferredWidth: startpage.buttonWidth Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.bottomMargin: MobileComponents.Units.largeSpacing
anchors.horizontalCenter: parent.horizontalCenter
text: "Transfer from dive computer..." text: "Transfer from dive computer..."
onClicked: { onClicked: {
stackView.push(downloadDivesWindow) stackView.push(downloadDivesWindow)
} }
} }
Button { Button {
style: subsurfaceButton
id: manualButton id: manualButton
Layout.preferredWidth: startpage.buttonWidth Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing Layout.bottomMargin: MobileComponents.Units.largeSpacing
anchors.horizontalCenter: parent.horizontalCenter
text: "Add dive manually..." text: "Add dive manually..."
onClicked: { onClicked: {
manager.addDive(); manager.addDive();