AnchorAnimation QML Type
アンカー値の変化をアニメーション化する。もっと見る...
Import Statement: | import QtQuick |
Inherits: |
プロパティ
- duration : int
- easing
- easing.amplitude : real
- easing.overshoot : real
- easing.period : real
- easing.type : enumeration
- targets : list<Item>
詳細説明
AnchorAnimationは、アンカーの変更をアニメーション化するために使用します。
次のスニペットでは、Rectangle に右アンカーを追加するアニメーションを行っています:
import QtQuick Item { id: container width: 200; height: 200 Rectangle { id: myRect width: 100; height: 100 color: "red" } states: State { name: "reanchored" AnchorChanges { target: myRect; anchors.right: container.right } } transitions: Transition { // smoothly reanchor myRect and move into new position AnchorAnimation { duration: 1000 } } Component.onCompleted: container.state = "reanchored" }
AnchorAnimation がTransition で使用されると、状態変化中に発生したAnchorChanges をアニメーション化します。これは、AnchorChanges.target プロパティを使用して特定のターゲット項目を設定することでオーバーライドできます。
注意: AnchorAnimationは、Transition 、AnchorChangeと組み合わせてのみ使用できます。ビヘイビアや他のタイプのアニメーションでは使用できません。
Qt Quick のアニメーションとトランジション AnchorChangesも参照してください 。
プロパティの説明
duration : int |
このプロパティは、アニメーションの継続時間をミリ秒単位で保持します。
デフォルト値は 250 です。
easing group |
---|
easing.amplitude : real |
easing.overshoot : real |
easing.period : real |
easing.type : enumeration |
アニメーションに使用するイージングカーブを指定します。
イージングカーブを指定するには、少なくともタイプを指定する必要があります。カーブによっては、振幅、周期、オーバーシュートも指定できます。デフォルトのイージングカーブは Linear です。
AnchorAnimation { easing.type: Easing.InOutQuad }
イージングカーブの種類については、PropertyAnimation::easing.type のドキュメントを参照してください。
リアンカーする項目。
ターゲットが指定されていない場合、すべてのAnchorChanges はAnchorAnimation によってアニメーションされます。
本ドキュメントに含まれる文書の著作権は、それぞれの所有者に帰属します。 本書で提供されるドキュメントは、Free Software Foundation が発行したGNU Free Documentation License version 1.3に基づいてライセンスされています。 Qtおよびそれぞれのロゴは、フィンランドおよびその他の国におけるThe Qt Company Ltd.の 商標です。その他すべての商標は、それぞれの所有者に帰属します。