Weather Demo: Difference between revisions
No edit summary |
(Remove dead links and old instructions) |
||
(6 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
[[Category:Developing_with_Qt::Qt Quick::Demos]] | [[Category:Developing_with_Qt::Qt Quick::Demos]] | ||
[[Category:Learning::Demos_and_Examples]] | [[Category:Learning::Demos_and_Examples]] | ||
Line 4: | Line 5: | ||
'''English''' [[Weather_Demo_Japanese|日本語]] | '''English''' [[Weather_Demo_Japanese|日本語]] | ||
[ | |||
[https://www.youtube.com/watch?v=rqt7vM_vP3o YouTube video] | |||
== Description == | == Description == | ||
Line 12: | Line 13: | ||
This demo simulates a weather forecast view and has a more complex application logic. All the app elements are separated into QtQuick components and they can be reused as many times as needed. This demonstrates how flexible a QtQuick app can be. | This demo simulates a weather forecast view and has a more complex application logic. All the app elements are separated into QtQuick components and they can be reused as many times as needed. This demonstrates how flexible a QtQuick app can be. | ||
This app uses two ListViews and lots of components that form each list item. Its structure looks like | This app uses two ListViews and lots of components that form each list item. Its structure looks like [https://wiki.qt.io/Radio_Tuner_Demo RadioTuner's], but it is a bit more organized. All weather components and elements are inside the forecast folder. Each type of weather (Fog, Cloudy, Storm …) inherits ForecastView that is an Item flexible enough to accept different background images or different city labels. | ||
The next step on this app would be try to load real data on it. Instead of using the fixed ListModel you could load the Yahoo! Weather XML, for example, and organize the data to create the same list, but using real cities and real forecast. This could be a good exercise for a QtQuick learner. | The next step on this app would be try to load real data on it. Instead of using the fixed ListModel you could load the Yahoo! Weather XML, for example, and organize the data to create the same list, but using real cities and real forecast. This could be a good exercise for a QtQuick learner. | ||
== Source code == | |||
http://code.qt.io/cgit/%7Bnon-gerrit%7D/qt-labs/mobile-demos.git/tree/weather-qml |
Latest revision as of 03:15, 20 April 2016
English 日本語
Description
This demo simulates a weather forecast view and has a more complex application logic. All the app elements are separated into QtQuick components and they can be reused as many times as needed. This demonstrates how flexible a QtQuick app can be.
This app uses two ListViews and lots of components that form each list item. Its structure looks like RadioTuner's, but it is a bit more organized. All weather components and elements are inside the forecast folder. Each type of weather (Fog, Cloudy, Storm …) inherits ForecastView that is an Item flexible enough to accept different background images or different city labels.
The next step on this app would be try to load real data on it. Instead of using the fixed ListModel you could load the Yahoo! Weather XML, for example, and organize the data to create the same list, but using real cities and real forecast. This could be a good exercise for a QtQuick learner.
Source code
http://code.qt.io/cgit/%7Bnon-gerrit%7D/qt-labs/mobile-demos.git/tree/weather-qml