Coffee Tweed Demo: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
(Remove dead links and old instructions)
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
'''English''' [[Coffee Tweed Demo Japanese|日本語]]


=Coffee Tweed Demo=


==Description==
[[Category:Developing_with_Qt::Qt_Quick::Demos]]
[[Category:Learning::Demos_and_Examples]]


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.
'''English''' [[Coffee_Tweed_Demo_Japanese|日本語]]


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.
[https://www.youtube.com/watch?v=NqmncgPjWBI YouTube video]


==Downloads==
== Description ==


===Source code===
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.


http://qt.gitorious.org/qt-labs/mobile-demos/trees/master/CoffeeTweed
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.


===Binaries===
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.
 
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
 
'''<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]].


===Categories:===
== Source code ==


* [[:Category:Developing with Qt|Developing_with_Qt]]
http://code.qt.io/cgit/%7bnon-gerrit%7d/qt-labs/mobile-demos.git/tree/CoffeeTweed
** [[: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]]

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