aboutsummaryrefslogtreecommitdiffstats
path: root/examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml')
-rw-r--r--examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml462
1 files changed, 227 insertions, 235 deletions
diff --git a/examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml b/examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml
index 4bb944cb..0d4ebd01 100644
--- a/examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml
+++ b/examples/quickcontrols2/wearable/qml/Weather/WeatherPage.qml
@@ -54,290 +54,282 @@ import "../Style"
import "weather.js" as WeatherData
Item {
- Item {
- id: weatherCntr
- anchors.centerIn: parent
-
- width: UIStyle.visibleDiameter
- height: UIStyle.visibleRectHeight
+ QQC2.SwipeView {
+ id: svWeatherContainer
+
+ anchors.fill: parent
+ currentIndex: 0
+
+ Item {
+ id: weatherPage1
+
+ Row {
+ anchors.centerIn: parent
+ width: UIStyle.visibleDiameter
+ height: UIStyle.visibleRectHeight
+ padding: 20
+ spacing: 2
+
+ Image {
+ anchors.verticalCenter: parent.verticalCenter
+ height: 64
+ width: 64
+ source: "images/temperature.png"
+ }
- QQC2.SwipeView {
- id: svWeatherContainer
+ Column {
+ anchors.verticalCenter: parent.verticalCenter
+ height: parent.height
+ topPadding: 20
+ spacing: 40
+
+ Text {
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.temp) ?
+ qsTr("Avg: ")
+ + String(wDataCntr.weatherData.main.temp)
+ + " °F" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
+ }
+ Text {
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.temp_min) ?
+ qsTr("Min: ")
+ + String(wDataCntr.weatherData.main.temp_min)
+ + " °F" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
+ }
+ Text {
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.temp_max) ?
+ qsTr("Max: ")
+ + String(wDataCntr.weatherData.main.temp_max)
+ + " °F " : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
+ }
+ }
+ }
+ }
- anchors.fill: parent
- currentIndex: 0
+ Item {
+ id: weatherPage2
- Item {
- id: weatherPage1
+ Column {
+ anchors.centerIn: parent
+ width: UIStyle.visibleRectWidth
+ height: UIStyle.visibleRectHeight
- Row {
- anchors.centerIn: parent
- width: UIStyle.visibleDiameter
- height: UIStyle.visibleRectHeight
- padding: 20
- spacing: 2
+ Item {
+ anchors.horizontalCenter: parent.horizontalCenter
+ height: parent.height / 2
+ width: parent.width
Image {
+ id: wImg
+ anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
height: 64
width: 64
- source: "images/temperature.png"
+ source: "images/wind.png"
}
- Column {
+ Text {
+ anchors.left: wImg.right
+ leftPadding: 20
anchors.verticalCenter: parent.verticalCenter
- height: parent.height
- topPadding: 20
- spacing: 40
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.wind
+ && wDataCntr.weatherData.wind.speed) ?
+ String(wDataCntr.weatherData.wind.speed)
+ + " mph" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
+ }
+ }
+ Item {
+ anchors.horizontalCenter: parent.horizontalCenter
+ height: parent.height / 2
+ width: parent.width
- Text {
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.temp) ?
- qsTr("Avg: ")
- + String(wDataCntr.weatherData.main.temp)
- + " °F" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
- Text {
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.temp_min) ?
- qsTr("Min: ")
- + String(wDataCntr.weatherData.main.temp_min)
- + " °F" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
- Text {
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.temp_max) ?
- qsTr("Max: ")
- + String(wDataCntr.weatherData.main.temp_max)
- + " °F " : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ Image {
+ id: hImg
+ anchors.left: parent.left
+ anchors.verticalCenter: parent.verticalCenter
+ height: 64
+ width: 64
+ source: "images/humidity.png"
+ }
+ Text {
+ anchors.left: hImg.right
+ leftPadding: 20
+ anchors.verticalCenter: parent.verticalCenter
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.humidity) ?
+ String(wDataCntr.weatherData.main.humidity)
+ + " %" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
}
}
}
+ }
- Item {
- id: weatherPage2
+ Item {
+ id: weatherPage3
- Column {
- anchors.centerIn: parent
- width: UIStyle.visibleRectWidth
- height: UIStyle.visibleRectHeight
+ Row {
+ anchors.centerIn: parent
+ width: UIStyle.visibleRectWidth
+ height: UIStyle.visibleRectHeight
+ spacing: 10
- Item {
- anchors.horizontalCenter: parent.horizontalCenter
- height: parent.height / 2
- width: parent.width
+ Image {
+ anchors.verticalCenter: parent.verticalCenter
+ height: 64
+ width: 64
+ source: "images/pressure.png"
+ }
- Image {
- id: wImg
- anchors.left: parent.left
- anchors.verticalCenter: parent.verticalCenter
- height: 64
- width: 64
- source: "images/wind.png"
- }
+ Column {
+ anchors.verticalCenter: parent.verticalCenter
+ height: parent.height
+ topPadding: 25
+ spacing: 40
- Text {
- anchors.left: wImg.right
- leftPadding: 20
- anchors.verticalCenter: parent.verticalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.wind
- && wDataCntr.weatherData.wind.speed) ?
- String(wDataCntr.weatherData.wind.speed)
- + " mph" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ Text {
+ anchors.horizontalCenter: parent.horizontalCenter
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.pressure) ?
+ String(wDataCntr.weatherData.main.pressure)
+ + " hPa" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
}
- Item {
+ Text {
anchors.horizontalCenter: parent.horizontalCenter
- height: parent.height / 2
- width: parent.width
-
- Image {
- id: hImg
- anchors.left: parent.left
- anchors.verticalCenter: parent.verticalCenter
- height: 64
- width: 64
- source: "images/humidity.png"
- }
- Text {
- anchors.left: hImg.right
- leftPadding: 20
- anchors.verticalCenter: parent.verticalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.humidity) ?
- String(wDataCntr.weatherData.main.humidity)
- + " %" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.sea_level) ?
+ String(wDataCntr.weatherData.main.sea_level)
+ + " hPa" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
+ }
+ Text {
+ anchors.horizontalCenter: parent.horizontalCenter
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.main
+ && wDataCntr.weatherData.main.grnd_level) ?
+ String(wDataCntr.weatherData.main.grnd_level)
+ + " hPa" : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
}
}
}
+ }
+
+ Item {
+ id: weatherPage4
- Item {
- id: weatherPage3
+ Column {
+ anchors.centerIn: parent
+ width: UIStyle.visibleDiameter
+ height: UIStyle.visibleRectHeight
- Row {
- anchors.centerIn: parent
- width: UIStyle.visibleRectWidth
- height: UIStyle.visibleRectHeight
- spacing: 10
+ Item {
+ anchors.horizontalCenter: parent.horizontalCenter
+ height: parent.height / 2
+ width: parent.width
Image {
+ anchors.left: parent.left
+ anchors.leftMargin: 30
anchors.verticalCenter: parent.verticalCenter
height: 64
width: 64
- source: "images/pressure.png"
+ source: "images/sunrise.png"
}
- Column {
+ Text {
+ anchors.right: parent.right
+ anchors.rightMargin: 30
anchors.verticalCenter: parent.verticalCenter
- height: parent.height
- topPadding: 25
- spacing: 40
-
- Text {
- anchors.horizontalCenter: parent.horizontalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.pressure) ?
- String(wDataCntr.weatherData.main.pressure)
- + " hPa" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
- Text {
- anchors.horizontalCenter: parent.horizontalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.sea_level) ?
- String(wDataCntr.weatherData.main.sea_level)
- + " hPa" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
- Text {
- anchors.horizontalCenter: parent.horizontalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.main
- && wDataCntr.weatherData.main.grnd_level) ?
- String(wDataCntr.weatherData.main.grnd_level)
- + " hPa" : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.sys
+ && wDataCntr.weatherData.sys.sunrise) ?
+ WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunrise)
+ : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
}
}
- }
-
- Item {
- id: weatherPage4
- Column {
- anchors.centerIn: parent
- width: UIStyle.visibleDiameter
- height: UIStyle.visibleRectHeight
-
- Item {
- anchors.horizontalCenter: parent.horizontalCenter
- height: parent.height / 2
- width: parent.width
+ Item {
+ anchors.horizontalCenter: parent.horizontalCenter
+ height: parent.height / 2
+ width: parent.width
- Image {
- anchors.left: parent.left
- anchors.leftMargin: 30
- anchors.verticalCenter: parent.verticalCenter
- height: 64
- width: 64
- source: "images/sunrise.png"
- }
-
- Text {
- anchors.right: parent.right
- anchors.rightMargin: 30
- anchors.verticalCenter: parent.verticalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.sys
- && wDataCntr.weatherData.sys.sunrise) ?
- WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunrise)
- : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ Image {
+ anchors.left: parent.left
+ anchors.leftMargin: 30
+ anchors.verticalCenter: parent.verticalCenter
+ height: 64
+ width: 64
+ source: "images/sunset.png"
}
- Item {
- anchors.horizontalCenter: parent.horizontalCenter
- height: parent.height / 2
- width: parent.width
-
- Image {
- anchors.left: parent.left
- anchors.leftMargin: 30
- anchors.verticalCenter: parent.verticalCenter
- height: 64
- width: 64
- source: "images/sunset.png"
- }
-
- Text {
- anchors.right: parent.right
- anchors.rightMargin: 30
- anchors.verticalCenter: parent.verticalCenter
- text: (wDataCntr.weatherData
- && wDataCntr.weatherData.sys
- && wDataCntr.weatherData.sys.sunset) ?
- WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunset)
- : "N/A"
- font.pixelSize: UIStyle.fontSizeM
- font.letterSpacing: 1
- color: UIStyle.colorQtGray1
- }
+ Text {
+ anchors.right: parent.right
+ anchors.rightMargin: 30
+ anchors.verticalCenter: parent.verticalCenter
+ text: (wDataCntr.weatherData
+ && wDataCntr.weatherData.sys
+ && wDataCntr.weatherData.sys.sunset) ?
+ WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunset)
+ : "N/A"
+ font.pixelSize: UIStyle.fontSizeM
+ font.letterSpacing: 1
+ color: UIStyle.colorQtGray1
}
}
}
}
+ }
- QtObject {
- id: wDataCntr
- property var weatherData
- }
+ QtObject {
+ id: wDataCntr
+ property var weatherData
+ }
- QQC2.PageIndicator {
- id: pgWeatherIndicator
+ QQC2.PageIndicator {
+ id: pgWeatherIndicator
- anchors.bottom: svWeatherContainer.bottom
- anchors.bottomMargin: 1
- anchors.horizontalCenter: parent.horizontalCenter
+ anchors.bottom: svWeatherContainer.bottom
+ anchors.bottomMargin: 1
+ anchors.horizontalCenter: parent.horizontalCenter
- count: svWeatherContainer.count
- currentIndex: svWeatherContainer.currentIndex
- }
- Component.onCompleted: {
- WeatherData.requestWeatherData(wDataCntr)
- }
+ count: svWeatherContainer.count
+ currentIndex: svWeatherContainer.currentIndex
+ }
+ Component.onCompleted: {
+ WeatherData.requestWeatherData(wDataCntr)
}
}
generated by cgit v1.2.3 (git 2.25.1) at 2024-06-24 22:46:40 +0000