Vasily
e0768a38b3
The QRC file is a platform independant way of referring to resource files. It allows the program to access resources in an abstract way instead of the direct file path. This is the first step towards moving all files to the new system.
94 lines
2.5 KiB
QML
94 lines
2.5 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Controls 2.0
|
|
import QtQuick.Layouts 1.2
|
|
import "." // QTBUG-34418, singletons require explicit import to load qmldir file
|
|
// Needed for MyResources in the default folder.
|
|
import ".."
|
|
|
|
Rectangle {
|
|
color: "#1b2939"
|
|
width: 1200
|
|
height: 800
|
|
|
|
property StackView stackView
|
|
|
|
property string headerText: "Header Title"
|
|
|
|
property bool headerShowBackButton: true
|
|
|
|
property Item header: ColumnLayout {
|
|
RowLayout {
|
|
Button {
|
|
id: headerBackButton
|
|
Layout.preferredHeight: 50
|
|
Layout.preferredWidth: 50
|
|
hoverEnabled: true
|
|
enabled: headerShowBackButton
|
|
opacity: headerShowBackButton ? 1.0 : 0.0
|
|
contentItem: Image {
|
|
source: "qrc:/common/back-arrow"
|
|
sourceSize.width: 50
|
|
sourceSize.height: 50
|
|
anchors.fill: parent
|
|
}
|
|
background: Rectangle {
|
|
opacity: parent.down ? 1.0 : (parent.activeFocus ? 0.5 : 0.0)
|
|
color: "#406288"
|
|
radius: 4
|
|
anchors.fill: parent
|
|
}
|
|
onHoveredChanged: {
|
|
if (hovered) {
|
|
forceActiveFocus()
|
|
} else {
|
|
focus = false
|
|
}
|
|
}
|
|
onClicked: {
|
|
MyResources.playFocusChangedSound()
|
|
stackView.pop()
|
|
}
|
|
}
|
|
MyText {
|
|
id: headerTitle
|
|
text: headerText
|
|
font.pointSize: 30
|
|
Layout.leftMargin: 32
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
color: "#cccccc"
|
|
height: 1
|
|
Layout.topMargin: 10
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
property Item content: Frame {
|
|
MyText {
|
|
text: "Content"
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: mainLayout
|
|
spacing: 12
|
|
anchors.fill: parent
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
header.parent = mainLayout
|
|
header.Layout.leftMargin = 40
|
|
header.Layout.topMargin = 30
|
|
header.Layout.rightMargin = 40
|
|
content.parent = mainLayout
|
|
content.Layout.fillHeight = true
|
|
content.Layout.fillWidth = true
|
|
content.Layout.topMargin = 10
|
|
content.Layout.leftMargin = 40
|
|
content.Layout.rightMargin = 40
|
|
content.Layout.bottomMargin = 40
|
|
}
|
|
}
|