Coffee Tweed Demo

From Qt Wiki
Revision as of 08:27, 19 March 2015 by Henri Vikki (talk | contribs)

Jump to: navigation, search


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.

Downloads

Source code

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
Maemo: http://get.qt.nokia.com/demos/maemo/coffeetweed_1.0-maemo1_armel.deb
Symbian: http://get.qt.nokia.com/demos/symbian/coffeetweed_installer.sis
Windows: http://get.qt.nokia.com/demos/windows/coffeetweed_setup.exe

NOTE: Installing this Qt Quick demo app on your Symbian 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.