You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.6 KiB
99 lines
2.6 KiB
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
import QtQuick.Layouts 1.1
|
|
import "../components"
|
|
|
|
Page {
|
|
id: page
|
|
allowedOrientations: Orientation.All
|
|
|
|
SilicaFlickable {
|
|
anchors.fill: parent
|
|
|
|
PullDownMenu {
|
|
MenuItem {
|
|
text: qsTr("Show Page 2")
|
|
onClicked: pageStack.animatorPush(Qt.resolvedUrl("SecondPage.qml"))
|
|
}
|
|
}
|
|
|
|
contentHeight: column.height
|
|
|
|
Rectangle {
|
|
id: baseRect
|
|
color: "#facccc"
|
|
anchors.fill: parent
|
|
}
|
|
|
|
PageHeader {
|
|
title: qsTr("UI Template")
|
|
}
|
|
|
|
Column {
|
|
id: column
|
|
width: parent.width
|
|
spacing: Theme.paddingLarge
|
|
anchors.top: pageHeader.bottom
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
Label {
|
|
id: firstLabel
|
|
width: parent.width
|
|
text: qsTr("Argh")
|
|
color: Theme.secondaryHighlightColor
|
|
font.pixelSize: Theme.fontSizeExtraLarge
|
|
horizontalAlignment: Text.AlignHCenter
|
|
}
|
|
|
|
GridLayout {
|
|
id: grid
|
|
width: parent.width
|
|
rows: 2
|
|
columns: 2
|
|
|
|
TextField {
|
|
id: field0
|
|
Layout.fillWidth: true
|
|
placeholderText: "Enter text"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.bold: true
|
|
}
|
|
|
|
TextField {
|
|
id: field1
|
|
Layout.fillWidth: true
|
|
placeholderText: "Enter text again"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.bold: true
|
|
}
|
|
|
|
TextField {
|
|
id: field2
|
|
Layout.fillWidth: true
|
|
placeholderText: "Enter text"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.bold: true
|
|
}
|
|
|
|
TextField {
|
|
id: field3
|
|
Layout.fillWidth: true
|
|
placeholderText: "Enter text again"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.bold: true
|
|
}
|
|
}
|
|
|
|
BigButton {
|
|
buttonText.text: "First Button"
|
|
onClicked: console.log("First Button clicked!")
|
|
}
|
|
|
|
BigButton {
|
|
buttonText.text: "Second Button"
|
|
onClicked: console.log("Second Button clicked!")
|
|
}
|
|
}
|
|
}
|
|
}
|