TranslationAnimation クラス

定義

名前空間:

Windows.UI.Core.AnimationMetrics

変換 (新しい場所に移動) アニメーションのパラメーターを取得できるようにするメソッドを提供します。

public ref class TranslationAnimation sealed : IPropertyAnimation

/// [Windows.Foundation.Metadata.ContractVersion(Windows.UI.Core.AnimationMetrics.AnimationMetricsContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
class TranslationAnimation final : IPropertyAnimation

[Windows.Foundation.Metadata.ContractVersion(typeof(Windows.UI.Core.AnimationMetrics.AnimationMetricsContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
public sealed class TranslationAnimation : IPropertyAnimation

Public NotInheritable Class TranslationAnimation
Implements IPropertyAnimation

継承

Object Platform::Object IInspectable TranslationAnimation

属性

ContractVersionAttribute MarshalingBehaviorAttribute

実装

IPropertyAnimation

Windows の要件

デバイス ファミリ	Windows Desktop Extension SDK (10.0.10240.0 で導入)
API contract	Windows.UI.Core.AnimationMetrics.AnimationMetricsContract (v1.0 で導入)

例

TranslationAnimation クラスのインスタンスを取得するには、最初にアニメーションの説明でアニメーションのコレクションを取得し、そのアニメーションの配列をウォークして、翻訳型のコレクションを見つけます。 次の例は、このプロセスを示しています。 効果パラメーターとターゲット パラメーターは、以前に割り当てられたものと見なされます。

using Windows.UI.Core.AnimationMetrics;

AnimationDescription animationDescription = new AnimationDescription(effect, target);
foreach (var animation in animationDescription.Animations)
{
    switch (animation.Type)
    {
        case PropertyAnimationType.Scale:
            {
                ScaleAnimation scale = animation as ScaleAnimation;
                // Retrieve scale animation metrics.
            }
            break;
        case PropertyAnimationType.Translation:
            {
                TranslationAnimation scale = animation as TranslationAnimation;
                // Retrieve translation animation metrics.
            }
            break;
        case PropertyAnimationType.Opacity:
            {
                OpacityAnimation opacity = animation as OpacityAnimation;
                // Retrieve opacity animation metrics.
            }
            break;
    }
}

注釈

翻訳アニメーションを実行するには、このインターフェイスのメソッドを通じて提供されるタイミング情報に従って、アイテムの位置を現在の位置から最終的な位置 (レイアウトの変更後のオブジェクトの位置) にシフトします。

タイミング コントロール Control1 と Control2 は、3 次ベジエ曲線の 1 番目と 2 番目のコントロール ポイントの位置を指定します。 これら 2 つの点は、CSS transition-timing-function プロパティと同じ意味を持ちます。 コントロール ポイント 0 は常に (0,0)、コントロール ポイント 3 は常に (1,1) です。 Control1 と Control2 の座標は、常に 0 ~ 1 の範囲です。

結果として得られるベジエ曲線では、x 座標は時間を表し、y 座標は進行状況を表します。 (0,0) から (1,1) までの生曲線は、アニメーション切り替えの実際の継続時間と範囲に合わせてスケーリングされます。x=0 は変換の開始時刻、x=1 は終了時刻、y=0 はアニメーション化されたプロパティの初期値、y=1 は最終値です。 x と y の 0 ~ 1 の値は、時間とアニメーションの対応する中間値を表します。

プロパティ

Control1	3 次ベジエ曲線の最初のコントロール ポイントの位置を取得します。この曲線は、時間の経過に伴う変換のアニメーション化方法を示します。
Control2	3 次ベジエ曲線の 2 番目のコントロール ポイントの位置を取得します。この曲線は、時間の経過に伴う変換のアニメーション化方法を示します。
Delay	翻訳アニメーションを開始するように指示してから、そのアニメーションが実際に描画を開始するまでの時間を取得します。
Duration	翻訳アニメーションを実行する時間を取得します。 これには遅延は含まれません。
Type	このオブジェクトによって表されるアニメーションの種類を取得します。

こちらもご覧ください

• AnimationDescription
• アニメーション メトリックのサンプル