qiurui
/
qtdeclarative
mirror of https://github.com/qt/qtdeclarative.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
qtdeclarative/examples/quickcontrols/wearable/Wearable/WeatherPage.qml

331 lines
12 KiB
QML
Raw Normal View History

Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
// Copyright (C) 2023 The Qt Company Ltd.
Use SPDX license identifiers Replace the current license disclaimer in files by a SPDX-License-Identifier. Files that have to be modified by hand are modified. License files are organized under LICENSES directory. Pick-to: 6.4 Task-number: QTBUG-67283 Change-Id: I63563bbeb6f60f89d2c99660400dca7fab78a294 Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>
2022-05-13 13:12:05 +00:00
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Remove all version numbers from QML imports As of Qt 6, the latest version will be used by default. This saves us a lot of effort in terms of version bumps. Task-number: QTBUG-82922 Change-Id: I74eba8185ec3ccc75bc293d4b2ea87d59e2d9928 Reviewed-by: Fabian Kosmale <fabian.kosmale@qt.io>
2020-03-26 16:01:51 +00:00
import QtQuick
Improve wearable example - Move all (non-icon) images into one directory for simplicity. - Add explicit qrc prefix to image paths to make them absolute and ensure they're found, fixing some errors. - Fix "XMLHttpRequest: Using GET on a local file is disabled by default" warning by setting QML_XHR_ALLOW_FILE_READ to 1. - Fix "Parameter "page" is not declared" warning. - Replace qt6_add_resources with qt_standard_project_setup and qt_add_qml_module. - Remove unnecessary quotes from CMake file paths. - Replace local settings instance that was accessed via the root context through several files with a singleton. - Make the custom Controls style a proper QML module. - Make the settings singleton its own module to avoid cyclic imports. - Adapt documentation to new paths. - Some ids (in Main.qml) are unused by QML, but used by the documentation, so those are left alone. - Fix qmake build files after these changes. Fixes: QTBUG-112618 Pick-to: 6.5 Change-Id: I10f6e1f2013fe35eaf4e1e0f4aaa98e6a1ab9c15 Reviewed-by: Ulf Hermann <ulf.hermann@qt.io>
2023-05-11 02:27:08 +00:00
import WearableStyle
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
import "weather.js" as WeatherData
Wearable: remove PageContainer The init() function and done() signal were both unused. Change-Id: I302e196ad6b0da423f0efb3394e307f6c3ed8c8b Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 07:34:08 +00:00
Item {
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Flickable {
id: flick
anchors.fill:parent
anchors.margins: 15
anchors.topMargin: 40 + 15
contentWidth: width
contentHeight: column.height
Column {
id: column
spacing: 10
Item {
width: flick.contentWidth
height: 100
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Row {
id: townName
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
width: childrenRect.width
height: childrenRect.height
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
spacing: 10
Image {
id: sunIcon
source: (wDataCntr.weatherData
&& wDataCntr.weatherData.weather
&& wDataCntr.weatherData.weather[0]
&& wDataCntr.weatherData.weather[0].icon) ?
UIStyle.iconPath("weather-" + WeatherData.iconSelect(wDataCntr.weatherData.weather[0].icon)) : ""
width: 64
height: width
sourceSize.width: width
sourceSize.height: height
}
Text {
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.name) ?
wDataCntr.weatherData.name : ""
anchors.verticalCenter: sunIcon.verticalCenter
color: UIStyle.textColor
font: UIStyle.h1
}
}
Text {
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: townName.bottom
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.weather
&& wDataCntr.weatherData.weather[0]
&& wDataCntr.weatherData.weather[0].main) ?
wDataCntr.weatherData.weather[0].main : ""
color: UIStyle.textColor
font: UIStyle.h3
}
}
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
ListItem {
width: flick.contentWidth
height: 92
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Image {
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
id: thermoimage
anchors.left: parent.left
anchors.top: parent.top
anchors.leftMargin: 20
anchors.topMargin: 17
source: UIStyle.iconPath("thermometer")
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.left: thermoimage.right
anchors.verticalCenter: thermoimage.verticalCenter
anchors.leftMargin: 5
text: qsTr("Temperature")
font: UIStyle.h4
color: UIStyle.textColor
}
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.right: parent.right
anchors.verticalCenter: thermoimage.verticalCenter
anchors.rightMargin: 20
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.main
&& wDataCntr.weatherData.main.temp) ?
WeatherData.formatTemp(wDataCntr.weatherData.main.temp) : ""
font: UIStyle.h3
color: UIStyle.textColor
}
Wearable: cleanup WeatherPage Change-Id: Iaed6c6370e9a8ec7e6e523ee87802d51531f5bba Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 13:42:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: maxtxt
anchors.left: parent.left
anchors.bottom: parent.bottom
anchors.leftMargin: 20
anchors.bottomMargin: 17
text: qsTr("Max")
font: UIStyle.h4
color: UIStyle.textColor
}
Wearable: cleanup WeatherPage Change-Id: Iaed6c6370e9a8ec7e6e523ee87802d51531f5bba Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 13:42:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.left: maxtxt.right
anchors.verticalCenter: maxtxt.verticalCenter
anchors.leftMargin: 10
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.main
&& wDataCntr.weatherData.main.temp_max) ?
WeatherData.formatTemp(wDataCntr.weatherData.main.temp_max) : ""
font: UIStyle.h3
color: UIStyle.textColor
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: mintxt
anchors.horizontalCenter: maxtxt.horizontalCenter
anchors.verticalCenter: maxtxt.verticalCenter
anchors.horizontalCenterOffset: parent.width / 2
text: qsTr("Min")
font: UIStyle.h4
color: UIStyle.textColor
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.left: mintxt.right
anchors.verticalCenter: mintxt.verticalCenter
anchors.leftMargin: 10
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.main
&& wDataCntr.weatherData.main.temp_min) ?
WeatherData.formatTemp(wDataCntr.weatherData.main.temp_min) : ""
font: UIStyle.h3
color: UIStyle.textColor
}
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
ListItem {
width: flick.contentWidth
height: 50
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Image {
id: sunriseIcon
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 20
anchors.topMargin: 17
source: UIStyle.iconPath("sunrise")
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: sunriseText
anchors.left: sunriseIcon.right
anchors.verticalCenter: sunriseIcon.verticalCenter
anchors.leftMargin: 5
text: qsTr("Sunrise")
font: UIStyle.h4
color: UIStyle.textColor
}
Text {
anchors.left: sunriseText.right
anchors.verticalCenter: sunriseText.verticalCenter
anchors.leftMargin: 15
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.sys
&& wDataCntr.weatherData.sys.sunrise) ?
WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunrise) : ""
font: UIStyle.h3
color: UIStyle.textColor
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
}
Wearable: cleanup WeatherPage Change-Id: Iaed6c6370e9a8ec7e6e523ee87802d51531f5bba Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 13:42:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Image {
id: sunsetIcon
anchors.right: sunsetText.left
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 5
source: UIStyle.iconPath("sunset")
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: sunsetText
anchors.right: sunsetValue.left
anchors.verticalCenter: sunsetIcon.verticalCenter
anchors.rightMargin: 15
text: qsTr("Sunset")
font: UIStyle.h4
color: UIStyle.textColor
}
Wearable: cleanup WeatherPage Change-Id: Iaed6c6370e9a8ec7e6e523ee87802d51531f5bba Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 13:42:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: sunsetValue
anchors.right: parent.right
anchors.verticalCenter: sunsetText.verticalCenter
anchors.rightMargin: 20
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.sys
&& wDataCntr.weatherData.sys.sunset) ?
WeatherData.getTimeHMS(wDataCntr.weatherData.sys.sunset) : ""
font: UIStyle.h3
color: UIStyle.textColor
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
}
}
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
ListItem {
width: flick.contentWidth
height: 50
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
Image {
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
id: windIcon
anchors.left: parent.left
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
anchors.verticalCenter: parent.verticalCenter
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
anchors.leftMargin: 20
anchors.topMargin: 17
source: UIStyle.iconPath("wind")
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: windText
anchors.left: windIcon.right
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
anchors.verticalCenter: parent.verticalCenter
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
anchors.leftMargin: 5
text: qsTr("Wind")
font: UIStyle.h4
color: UIStyle.textColor
}
Wearable: cleanup WeatherPage Change-Id: Iaed6c6370e9a8ec7e6e523ee87802d51531f5bba Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 13:42:17 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 20
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.wind
&& wDataCntr.weatherData.wind.speed) ?
Math.round(wDataCntr.weatherData.wind.speed * 1.61) + " km/h" : ""
font: UIStyle.h3
color: UIStyle.textColor
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
}
}
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
ListItem {
width: flick.contentWidth
height: 50
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Image {
id: humidityIcon
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 20
anchors.topMargin: 17
source: UIStyle.iconPath("drop")
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: humidityText
anchors.left: humidityIcon.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: qsTr("Humidity")
font: UIStyle.h4
color: UIStyle.textColor
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 20
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.main
&& wDataCntr.weatherData.main.humidity) ?
wDataCntr.weatherData.main.humidity + " %" : ""
font: UIStyle.h3
color: UIStyle.textColor
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
}
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
ListItem {
width: flick.contentWidth
height: 50
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Image {
id: pressureIcon
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 20
anchors.topMargin: 17
source: UIStyle.iconPath("pressure")
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Refactor quickcontrols wearable example Design: Karolina Bang. Pick-to: 6.7 Change-Id: I0201bb579d297c6bc02c16ef6a5e4b233ffff5de Reviewed-by: Mitch Curtis <mitch.curtis@qt.io> Reviewed-by: Matthias Rauter <matthias.rauter@qt.io> Reviewed-by: Venugopal Shivashankar <Venugopal.Shivashankar@qt.io>
2023-11-30 18:28:55 +00:00
Text {
id: pressureText
anchors.left: pressureIcon.right
anchors.verticalCenter: parent.verticalCenter
anchors.leftMargin: 5
text: qsTr("HPA")
font: UIStyle.h4
color: UIStyle.textColor
}
Text {
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
anchors.rightMargin: 20
text: (wDataCntr.weatherData
&& wDataCntr.weatherData.main
&& wDataCntr.weatherData.main.pressure) ?
Math.round(wDataCntr.weatherData.main.pressure) + " hpa" : ""
font: UIStyle.h3
color: UIStyle.textColor
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
}
}
}
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
}
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
Wearable: remove unnecessary wrapper items Almost all pages were centering a fixed-size SwipeView. If the window was larger than assumed, swipes would only work in the center are of the window. Therefore it's better to stretch the view, and just center the content instead. This way swipes work consistently in the whole content area of the page. Change-Id: Idc2a2bc327a49314cbf1271fa34b74df5f633ed8 Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
2017-03-13 11:56:17 +00:00
QtObject {
id: wDataCntr
property var weatherData
}
Component.onCompleted: {
WeatherData.requestWeatherData(wDataCntr)
Add Wearable demo Change-Id: I3e287b85517c04803964c068e32bf8b6bcae5cb6 Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
2016-12-17 03:20:45 +00:00
}
}