Qt Quick タイムラインの概要

タイムラインを使用すると、アイテムにアニメーションを適用したり、その挙動を定義したりできます。特定の時点において、アクティブにできるタイムラインは1つだけです。

アイテムのプロパティをアニメーション化することで、値が目標値に即座に変化するのではなく、中間値を経由して変化させることができます。たとえば、シーン内のアイテムを移動させるには、アイテムの位置を制御するプロパティである x および y をアニメーション化し、目標位置に向かう途中のキーフレームでアイテムの位置が変化するように設定します。 同様に、キーフレームでアイテムの色やスケールのプロパティを変更することで、アイテムが近づいたり遠ざかったりしているように見せることができます。

Qt Design Studio には、キーフレームベースのアニメーションを作成するためのタイムラインエディタが含まれています。

Qt Design Studio のタイムラインエディタ（キーフレーム機能付き）" src="images/timeline-editor.png" title="Qt Design Studio のタイムラインエディタ（キーフレーム機能付き）"/>

Qt Quick State オブジェクト内で、さまざまなUI状態を宣言できます。これらの状態は、基本状態からのプロパティ変更で構成されており、UIロジックを整理するのに役立ちます。トランジションとは、アイテムに関連付けることで、状態変化に伴うプロパティの変更時に、そのアニメーションの仕方を定義できるオブジェクトです。 では、タイムラインアニメーションを状態にバインドすることができます。Qt Design Studio