RouteAddressForm.ui.qml Example File
mapviewer/forms/RouteAddressForm.ui.qml
import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2
Item {
property alias fromStreet: fromStreet
property alias fromCountry: fromCountry
property alias toStreet: toStreet
property alias toCity: toCity
property alias toCountry: toCountry
property alias fromCity: fromCity
property alias goButton: goButton
property alias clearButton: clearButton
property alias cancelButton: cancelButton
Rectangle {
id: tabRectangle
y: 20
height: tabTitle.height * 2
color: "#46a2da"
anchors.rightMargin: 0
anchors.leftMargin: 0
anchors.left: parent.left
anchors.right: parent.right
Label {
id: tabTitle
color: "#ffffff"
text: qsTr("Route Address")
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter
}
}
Item {
id: item2
anchors.rightMargin: 20
anchors.leftMargin: 20
anchors.bottomMargin: 20
anchors.topMargin: 20
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.top: tabRectangle.bottom
GridLayout {
id: gridLayout3
rowSpacing: 10
rows: 1
columns: 2
anchors.fill: parent
Label {
id: label1
text: qsTr("From")
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
Layout.columnSpan : 2
}
Label {
id: label2
text: qsTr("Street")
}
TextField {
id: fromStreet
Layout.fillWidth: true
}
Label {
id: label3
text: qsTr("City")
}
TextField {
id: fromCity
Layout.fillWidth: true
}
Label {
id: label7
text: qsTr("Country")
}
TextField {
id: fromCountry
Layout.fillWidth: true
}
Label {
id: label6
text: qsTr("To")
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
Layout.columnSpan: 2
}
Label {
id: label4
text: qsTr("Street")
}
TextField {
id: toStreet
Layout.fillWidth: true
}
Label {
id: label5
text: qsTr("City")
}
TextField {
id: toCity
Layout.fillWidth: true
}
Label {
id: label8
text: qsTr("Country")
}
TextField {
id: toCountry
Layout.fillWidth: true
}
RowLayout {
id: rowLayout1
Layout.columnSpan: 2
Layout.alignment: Qt.AlignRight
Button {
id: goButton
text: qsTr("Proceed")
}
Button {
id: clearButton
text: qsTr("Clear")
}
Button {
id: cancelButton
text: qsTr("Cancel")
}
}
Item {
Layout.fillHeight: true
Layout.columnSpan: 2
}
}
}
}