最新のユーザーインターフェースでは、状態間の遷移とユーザーインターフェースのアニメーションは非常に有益です。これらはQt Quick Ultralite のファーストクラスのコンセプトです。

このページでは、状態、状態遷移、プロパティのアニメーションについて説明します。どの概念が重要で、なぜ重要なのか、そしてそれらの概念がどのように相互に関連しているのかについて詳しく説明します。また、これらの概念を実装するためにQt Quick Ultraliteが提供するQML型の詳細へのリンクも提供しています。

状態

特定のビジュアルアイテムの状態とは、ビジュアルアイテムの各パーツがその中でどのように、どこに表示されるか、またその状態に関連するすべてのデータを記述する情報の集合です。ユーザーインターフェースのほとんどのビジュアルアイテムは、それぞれ明確に定義されたプロパティを持つ、限られた数の状態を持ちます。

例えば、リストの要素は、選択されているか、されていないか、選択されている場合は、現在アクティブな単一の選択であるか、選択グループの一部であるかのいずれかです。

それぞれの状態には、特定の視覚的な外観（中立、ハイライト、拡張など）があります。

Qt Quick Ultraliteは、そのセマンティクスを定義し、動作やアニメーションをトリガーするために使用できるプロパティを持つState 型を提供します。詳細については、Using statesを参照してください。

トランジション

ビジュアルアイテムがある状態から別の状態に遷移すると、そのアイテムの外観が変わります。遷移は2つの状態の間のエッジです。アプリケーションの他の部分では、ある状態に入ったり出たりしたときに動作がトリガーされることがあります。

Qt Quick は、Transition 型を提供します。この型は、アプリケーションがある状態から別の状態に変わるときに発生することを定義するプロパティを持ちます。遷移の詳細については、状態遷移を参照してください。

アニメーション

状態遷移の際に、流動的なアニメーションを使用することができます。ビジュアル・キャンバスの突然の予期せぬ変更は、最適なユーザー・エクスペリエンスを提供しないため、避ける必要があります。

リスト内の要素が選択された場合、（ニュートラルからハイライトへの）色の変化をアニメーションにすることができます。リスト内の要素の位置が変更された場合、ユーザーの視線が変化を追跡できるように、流れるようなアニメーションで移動させることができます。

Qt Quick Ultraliteでは、さまざまなアニメーションとトランジションタイプにより、これらのタイプのアニメーションがサポートされています。これらのタイプと使用方法については、アニメーションとトランジションをご覧ください。

プロパティ割り当てのアニメーション

アニメーションは状態や状態間の遷移に関連するだけではありません。例えば、アニメーションは、明確な状態とは関係のない、他のイベントによってトリガーされるかもしれない。

ビジュアルアイテムの特定のプロパティの変化を、変化の原因に関係なくアニメーション化することは、しばしば有益です（例えば、不透明効果など）。 Qt Quick Ultraliteは、クライアントがプロパティの変更に対するアニメーションの動作を指定できるBehavior タイプを提供します。

Behavior タイプを使用したプロパティ変更時のアニメーションの詳細については、デフォルトのプロパティアニメーションを参照してください。

スプライトアニメーション

Qt Quick Ultraliteはスプライトを描画するためにAnimatedSprite タイプを提供しています（Qt Quick の実装と比較するといくつかの制限があります）。また、1つの大きな画像ではなく、多くのソースを持つディレクトリを使用できるAnimatedSpriteDirectory 。ディレクトリ内のリソースをスプライト・アニメーションに使用するには、qmlproject でImageFiles.MCU.resourceAnimatedSpriteを使用してタグ付けします。このようなリソースをタグ付けすると、Qt Quick Ultralite Toolsがコンパイル時にリソースを見つけることができます。