Qt wiki will be updated on October 12th 2023 starting at 11:30 AM (EEST) and the maintenance will last around 2-3 hours. During the maintenance the site will be unavailable.

Coffee Tweed Demo/ja

From Qt Wiki
< Coffee Tweed Demo
Revision as of 03:15, 20 April 2016 by JKSH (talk | contribs) (Remove dead links and old instructions)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

English 日本語

Coffee Tweed デモ

YouTube video

解説

これは Qt Quick の状態遷移のデモ用のシンプルなあぷりです。毎日のコーヒー用のカウンタで、*追加* ボタンを押すたびにカップが落下してきてフェイドアウト/フェイドインをしながら数字が1つ減るのが分かるでしょう。

CoffeeTweed は Qt Quick を用いたコンポーネント指向のプログラミングの紹介としても有効です。カップとボタンとトレイがこのデモの主なコンポーネントで、メインのファイルで宣言されています。ボタンがクリックされた場合の処理をシンプルさの例として紹介します。この場合、単に JavaScript でカップの状態を変更しているだけです。状態間のアニメーションはカップ要素の中で定義されています。

このデモを動かした方は、データの保持や、1日に消費するコーヒーの最大数を設定する機能、カウンタをリセットする機能などの実装にチャレンジしてはいかがでしょう。Qt Quick の状態遷移やデータベース機能を学ぶ上でとても良い例題だと思います。

ソースコード

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