Add weather routes project progress
This commit is contained in:
119
WeatherRoutes/qml/WeatherDetailsView.qml
Normal file
119
WeatherRoutes/qml/WeatherDetailsView.qml
Normal file
@@ -0,0 +1,119 @@
|
||||
import QtQuick
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
property alias imgSrc: image.source
|
||||
property alias temperature: tempValue.text
|
||||
property alias humidity: humidityValue.text
|
||||
property alias precipitation: precipValue.text
|
||||
property alias windSpeed: windValue.text
|
||||
|
||||
property double rightMargin: root.width * 0.05
|
||||
|
||||
Rectangle
|
||||
{
|
||||
id: imageRect
|
||||
width: parent.width * 0.2
|
||||
height: parent.height
|
||||
anchors.left: parent.left
|
||||
anchors.top: parent.top
|
||||
radius: 15
|
||||
color: "black"
|
||||
Image
|
||||
{
|
||||
id: image
|
||||
fillMode: Image.PreserveAspectFit
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
Rectangle
|
||||
{
|
||||
id: tempRect
|
||||
width: parent.width * 0.4
|
||||
height: parent.height * 0.5
|
||||
anchors.left: imageRect.right
|
||||
anchors.top: parent.top
|
||||
Text
|
||||
{
|
||||
id: tempLabel
|
||||
text: "Temp (C):"
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
Text
|
||||
{
|
||||
id: tempValue
|
||||
anchors.right: parent.right
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.rightMargin: root.rightMargin
|
||||
}
|
||||
}
|
||||
Rectangle
|
||||
{
|
||||
id: humidityRect
|
||||
width: parent.width * 0.4
|
||||
height: parent.height * 0.5
|
||||
anchors.left: tempRect.right
|
||||
anchors.top: parent.top
|
||||
Text
|
||||
{
|
||||
id: humidityLabel
|
||||
text: "Humidity (%):"
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
Text
|
||||
{
|
||||
id: humidityValue
|
||||
anchors.right: parent.right
|
||||
anchors.rightMargin: root.rightMargin
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
Rectangle
|
||||
{
|
||||
id: precipRect
|
||||
width: parent.width * 0.4
|
||||
height: parent.height * 0.5
|
||||
anchors.left: imageRect.right
|
||||
anchors.top: tempRect.bottom
|
||||
Text
|
||||
{
|
||||
id: precipLabel
|
||||
text: "Precipitation (mm)"
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
|
||||
}
|
||||
Text
|
||||
{
|
||||
id: precipValue
|
||||
anchors.right: parent.right
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.rightMargin: root.rightMargin
|
||||
}
|
||||
}
|
||||
Rectangle
|
||||
{
|
||||
id: windRect
|
||||
width: parent.width * 0.4
|
||||
height: parent.height * 0.5
|
||||
anchors.left: tempRect.right
|
||||
anchors.top: humidityRect.bottom
|
||||
Text
|
||||
{
|
||||
id: windLabel
|
||||
text: "Wind (km/h):"
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
}
|
||||
Text
|
||||
{
|
||||
id: windValue
|
||||
anchors.right: parent.right
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.rightMargin: root.rightMargin
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user