Weather Demo: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 1: Line 1:
'''English''' [[Weather Demo Japanese|日本語]]
[[Category:Developing_with_Qt::Qt Quick::Demos]]<br />[[Category:Learning::Demos_and_Examples]]


=Weather Demo App=
'''English''' [[Weather_Demo_Japanese|日本語]]


==Description==
= Weather Demo App =
 
[YouTubeID:rqt7vM_vP3o]
 
== 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 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 [https://developer.qt.nokia.com/wiki/Radio_Tuner_Demo RadioTuner’s] ''[developer.qt.nokia.com]'', 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.
This app uses two ListViews and lots of components that form each list item. Its structure looks like &quot;RadioTuner's&amp;quot;:https://developer.qt.nokia.com/wiki/Radio_Tuner_Demo, 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 <span class="caps">XML</span>, 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.


==Download==
== Download ==


===Source code===
=== Source code ===


http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/weather-qml
http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/weather-qml


===Binaries===
=== Binaries ===
 
Mac: http://get.qt.nokia.com/demos/mac/weatherqml.dmg<br /> Maemo: http://get.qt.nokia.com/demos/maemo/weatherqml_1.0-maemo1_armel.deb<br /> Symbian: http://get.qt.nokia.com/demos/symbian/weather_installer.sis<br /> Windows: http://get.qt.nokia.com/demos/windows/weather_setup.exe
 
'''<span class="caps">NOTE</span>:''' Installing this Qt Quick demo app on your Symbian^3 device will also install a beta version of Qt 4.7.1 which may cause the Ovi Store client or other Qt-based applications to fail. Until we update the apps with Qt 4.7.2 we advise you to not use your personal phone.


If you have installed the Qt Quick demo apps and consequently Qt 4.7.1 onto your device and want to uninstall the apps and downgrade Qt follow [[Qt-Quick-Demo-Apps-Downgrade|these instructions]].
Mac: http://get.qt.nokia.com/demos/mac/weatherqml.dmg<br />Maemo: http://get.qt.nokia.com/demos/maemo/weatherqml_1.0-maemo1_armel.deb<br />Symbian: http://get.qt.nokia.com/demos/symbian/weather_installer.sis<br />Windows: http://get.qt.nokia.com/demos/windows/weather_setup.exe


===Categories:===
'''NOTE:''' Installing this Qt Quick demo app on your Symbian^3 device will also install a beta version of Qt 4.7.1 which may cause the Ovi Store client or other Qt-based applications to fail. Until we update the apps with Qt 4.7.2 we advise you to not use your personal phone.


* [[:Category:Developing with Qt|Developing_with_Qt]]
If you have installed the Qt Quick demo apps and consequently Qt 4.7.1 onto your device and want to uninstall the apps and downgrade Qt follow [[Qt Quick Demo Apps Downgrade|these instructions]].
** [[:Category:Developing with Qt::Qt Quick|Qt_Quick]]
*** [[:Category:Developing with Qt::Qt Quick::Demos|Demos]]
* [[:Category:Learning|Learning]]
** [[:Category:Learning::Demos and Examples|Demos_and_Examples]]

Revision as of 14:33, 23 February 2015


English 日本語

Weather Demo App

[YouTubeID:rqt7vM_vP3o]

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&quot;:https://developer.qt.nokia.com/wiki/Radio_Tuner_Demo, 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.

Download

Source code

http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/weather-qml

Binaries

Mac: http://get.qt.nokia.com/demos/mac/weatherqml.dmg
Maemo: http://get.qt.nokia.com/demos/maemo/weatherqml_1.0-maemo1_armel.deb
Symbian: http://get.qt.nokia.com/demos/symbian/weather_installer.sis
Windows: http://get.qt.nokia.com/demos/windows/weather_setup.exe

NOTE: Installing this Qt Quick demo app on your Symbian^3 device will also install a beta version of Qt 4.7.1 which may cause the Ovi Store client or other Qt-based applications to fail. Until we update the apps with Qt 4.7.2 we advise you to not use your personal phone.

If you have installed the Qt Quick demo apps and consequently Qt 4.7.1 onto your device and want to uninstall the apps and downgrade Qt follow these instructions.