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: Move top bar to its own file

Browse source 
Move the QML top panel to its own file, so that it can be used in
other files.

Signed-off-by: Grace Karanja <gracie.karanja89@gmail.com>
This commit is contained in:
Grace Karanja 2015-08-19 10:16:36 +03:00 • committed by Dirk Hohndel
parent 390c10bb08
commit ab7db605e5
2 changed files with 68 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
qt-mobile/DiveDetails.qml
View file

@ -36,61 +36,11 @@ Item {
ColumnLayout { ColumnLayout {
width: parent.width width: parent.width
spacing: 8 spacing: 8
Rectangle {
id: topBar TopBar {
color: "#2C4882"
Layout.fillWidth: true
Layout.margins: 0
Layout.minimumHeight: prefsButton.height * 1.2
RowLayout {
anchors.bottom: topBar.bottom
anchors.bottomMargin: prefsButton.height * 0.1
anchors.left: topBar.left
anchors.leftMargin: prefsButton.height * 0.1
anchors.right: topBar.right
anchors.rightMargin: prefsButton.height * 0.1
Button {
id: backButton
Layout.maximumHeight: prefsButton.height
Layout.minimumHeight: prefsButton.height
Layout.preferredWidth: Screen.width * 0.1
text: "\u2190"
style: ButtonStyle {
background: Rectangle {
color: "#2C4882"
implicitWidth: 50
}
label: Text {
id: txt
color: "white"
font.pointSize: 18
font.bold: true
text: control.text
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
}
onClicked: {
manager.commitChanges(
dive_id,
suit,
buddy,
divemaster,
notes
)
stackView.pop();
}
}
Text {
text: qsTr("Subsurface mobile")
font.pointSize: 18
font.bold: true
color: "white"
anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignHCenter
}
}
} }
Button { Button {
text: "Hide Dive Profile" text: "Hide Dive Profile"
onClicked: { onClicked: {

64
qt-mobile/TopBar.qml Normal file
View file

@ -0,0 +1,64 @@
import QtQuick 2.3
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
Rectangle {
id: topBar
color: "#2C4882"
Layout.fillWidth: true
Layout.margins: 0
Layout.minimumHeight: prefsButton.height * 1.2
RowLayout {
anchors.bottom: topBar.bottom
anchors.bottomMargin: prefsButton.height * 0.1
anchors.left: topBar.left
anchors.leftMargin: prefsButton.height * 0.1
anchors.right: topBar.right
anchors.rightMargin: prefsButton.height * 0.1
Button {
id: backButton
Layout.maximumHeight: prefsButton.height
Layout.minimumHeight: prefsButton.height
Layout.preferredWidth: Screen.width * 0.1
text: "\u2190"
style: ButtonStyle {
background: Rectangle {
color: "#2C4882"
implicitWidth: 50
}
label: Text {
id: txt
color: "white"
font.pointSize: 18
font.bold: true
text: control.text
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
}
}
onClicked: {
manager.commitChanges(
dive_id,
suit,
buddy,
divemaster,
notes
)
stackView.pop();
}
}
Text {
text: qsTr("Subsurface mobile")
font.pointSize: 18
font.bold: true
color: "white"
anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignHCenter
}
}
}