Coffee Tweed Demo: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
(Remove dead links and old instructions)
 
(One intermediate revision by one other user not shown)
Line 17: Line 17:
To build on this demo, you could try to create persistent data, add a field to define the maximum number of coffees to be consumed each day or create a button that would start the counting all over again. This would be an interesting exercise for you to learn more about states, transitions and databases in QtQuick.
To build on this demo, you could try to create persistent data, add a field to define the maximum number of coffees to be consumed each day or create a button that would start the counting all over again. This would be an interesting exercise for you to learn more about states, transitions and databases in QtQuick.


== Downloads ==
== Source code ==
 
=== Source code ===


http://code.qt.io/cgit/%7bnon-gerrit%7d/qt-labs/mobile-demos.git/tree/CoffeeTweed
http://code.qt.io/cgit/%7bnon-gerrit%7d/qt-labs/mobile-demos.git/tree/CoffeeTweed
=== Binaries ===
Mac: http://get.qt.nokia.com/demos/mac/coffeetweed.dmg <br>
Maemo: http://get.qt.nokia.com/demos/maemo/coffeetweed_1.0-maemo1_armel.deb <br>
Symbian: http://get.qt.nokia.com/demos/symbian/coffeetweed_installer.sis <br>
Windows: http://get.qt.nokia.com/demos/windows/coffeetweed_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 [[Qt Quick Demo Apps Downgrade|these instructions]].

Latest revision as of 03:15, 20 April 2016


English 日本語


YouTube video

Description

This is a simple app created to show how states and transitions work on QtQuick. It is a daily coffee cup counter; each time you press the add button you see an animation of a cup falling and a number decreasing, complete with a fade-out and fade-in.

CoffeeTweed can work also as an introduction to Component Oriented Programming using QtQuick. Cup, Button and Tray are the demo's main components that are declared on a main file. An example of its simplicity is demonstrated when a Button is clicked. It is just a Cup state changing through JavaScript. The animation between states is defined inside the Cup component.

To build on this demo, you could try to create persistent data, add a field to define the maximum number of coffees to be consumed each day or create a button that would start the counting all over again. This would be an interesting exercise for you to learn more about states, transitions and databases in QtQuick.

Source code

http://code.qt.io/cgit/%7bnon-gerrit%7d/qt-labs/mobile-demos.git/tree/CoffeeTweed