このページでは

アニメーションカーブの編集

Curves ビューには、アニメーションの範囲にわたって、アニメーション化されたプロパティの補間値が表示されます。

カーブビュー

アニメーション カーブを編集すると、基礎となるシステムがアニメーションを定義するために使用するイージング カーブを暗黙のうちに編集することになります。アニメーションカーブは、キーフレームの値とキーフレーム間の補間の両方を同時に視覚化するための拡張機能です。

キーフレーム間の補間の適用

ツールバーのボタンを使って、LinearStepSpline の補間をキーフレーム間に追加することができます。

キーフレーム間に補間を適用するには

  1. キーフレームを選択します。複数のキーフレームを選択するには、Ctrl を押しながら選択します。
  2. 使用したい補間方法に応じて、線形緩和曲線ボタン (Linear)、ステップ・イージング・カーブ・ボタン (Step)、またはスプライン・イージング・カーブ・ボタン (Spline) を選択します。

補間をSpline に設定すると、Curves にハンドルが表示され、それを使ってカーブを修正することができます。イージングカーブの統一ボタン (Unify) を選択すると、キーフレームの左側のハンドルがその右側のハンドルにロックされ、左側のハンドルを動かすと右側のハンドルも動くようになります。

プロパティとイージングカーブのロック解除

アニメートされたプロパティを含むコンポーネントがナビゲータでロックされている場合、ロックオンボタン を選択してロックを解除できます。また、編集用に個々のイージングカーブをロックすることもできます。

アニメーションカーブのロック

アニメーションカーブをロックするには、リスト内のプロパティにカーソルを合わせ、ロックオフボタン を選択します。

アニメーション曲線を固定する

アニメーション カーブを固定するには、リスト内のプロパティにカーソルを合わせて、ピンボタン を選択します。

アニメーションカーブにキーフレームを追加する

アニメーションカーブにキーフレームを追加するには、以下の手順に従います:

  1. Timeline ビューで、少なくとも1つのプロパティ値にキーフレームを挿入してアニメートする。
  2. View >Views >Curves を選択して、アニメーション曲線エディタを開きます。
  3. Curves を右クリックし、Insert Keyframe を選択してキーフレームを追加します。
  4. リストでプロパティを選択し、それらに接続されているイージングカーブを表示します。複数のプロパティを選択するには、Ctrl を押しながら選択します。

ビューを閉じると、変更は自動的に保存されます。

カーブのキーフレームを削除

選択したキーフレームを削除するには、コンテキストメニューからDelete Selected Keyframes を選択します。

How toも参照してください :アニメーションを追加するQt Quick UI デザイン Qt Quick UI をデザインする も参照してください。

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.