RouteElement.qml Example File
wearable/qml/Navigation/RouteElement.qml
import QtQuick 2.7
import "../Style"
Rectangle {
color: UIStyle.colorQtGray8
Row {
spacing: 5
width: parent.width - 80
anchors.centerIn: parent
Image {
id: img
anchors.verticalCenter: parent.verticalCenter
source: "images/" + navImage
fillMode: Image.PreserveAspectFit
}
Column {
spacing: 5
width: parent.width - img.width
anchors.verticalCenter: parent.verticalCenter
Text {
width: parent.width
wrapMode: Text.WordWrap
text: navInstruction
font.pixelSize: UIStyle.fontSizeS
verticalAlignment: Text.AlignVCenter
padding: 1
color: UIStyle.colorQtGray1
}
Text {
width: parent.width
wrapMode: Text.WordWrap
text: navAuxInfo
font.pixelSize: UIStyle.fontSizeXS
verticalAlignment: Text.AlignVCenter
padding: 1
color: UIStyle.colorQtGray2
}
}
}
}