LinearPointKeyFrame クラス

リファレンス

定義

名前空間:: Microsoft.UI.Xaml.Media.Animation

重要

一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。

編集

線形補間を使用して、前のキーフレームの Point 値から独自の Value にアニメーション化します。

public ref class LinearPointKeyFrame sealed : PointKeyFrame

/// [Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.WinUIContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
class LinearPointKeyFrame final : PointKeyFrame

[Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.WinUIContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
public sealed class LinearPointKeyFrame : PointKeyFrame

Public NotInheritable Class LinearPointKeyFrame
Inherits PointKeyFrame

<LinearPointKeyFrame .../>

継承: Object Platform::Object IInspectable DependencyObject PointKeyFrame LinearPointKeyFrame

属性: ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

例

この XAML の例では、楕円を三角形のパスに沿って移動します。この例では、PointAnimationUsingKeyFrames クラスを使用して、EllipseGeometry の Center プロパティをアニメーション化します。このアニメーションは、次の方法で 3 つのキーフレームを使用します。

前半の 2 分の 1 の間、LinearPointKeyFrame クラスのインスタンスを使用して、開始位置から安定した速度で楕円をパスに沿って移動します。 LinearPointKeyFrame などの線形キーフレームは、値間の滑らかな線形補間を作成します。
次の 5 分の 1 の間に、 DiscretePointKeyFrame クラスのインスタンスを使用して、パスに沿って楕円を次の位置に突然移動します。 DiscretePointKeyFrame などの個別のキーフレームでは、値間の急激なジャンプが作成されます。
最後の 2 秒間は、 SplinePointKeyFrame クラスのインスタンスを使用して、楕円を開始位置に戻します。 SplinePointKeyFrame などのスプラインキーフレームは、KeySpline プロパティの値に従って値間の変数遷移を作成します。この例では、アニメーションは最初はゆっくりしていますが、時間セグメントの終点に向かって急激に速くなります。

<Canvas Width="400" Height="300">
    <Canvas.Resources>
        <Storyboard x:Name="myStoryboard">

            <!-- Animating the Center property uses 3 KeyFrames, which animate
             the ellipse allong a triangular path. -->
            <PointAnimationUsingKeyFrames
          Storyboard.TargetProperty="Center"
          Storyboard.TargetName="MyAnimatedEllipseGeometry"
          Duration="0:0:5" RepeatBehavior="Forever" EnableDependentAnimation="True">

                <!-- Over the first half second, Using a LinearPointKeyFrame, the ellipse 
               moves steadily from its starting position along the first line of the 
               trianglar path.  -->
                <LinearPointKeyFrame KeyTime="0:0:0.5" Value="100,300" />

                <!-- Using a DiscretePointKeyFrame, the ellipse suddenly changes position
               after the first second of the animation. -->
                <DiscretePointKeyFrame KeyTime="0:0:1" Value="400,300" />

                <!-- Using a SplinePointKeyFrame, the ellipse moves back to its starting
               position. It moves slowly at first and then speeds up. This key frame 
               takes 2 seconds to complete. -->
                <SplinePointKeyFrame KeySpline="0.6,0.0 0.9,0.00" 
                 KeyTime="0:0:3" Value="200,100" />
            </PointAnimationUsingKeyFrames>
        </Storyboard>
    </Canvas.Resources>
    <Path Fill="Blue" Loaded="Start_Animation">
        <Path.Data>

            <!-- Describes an ellipse. -->
            <EllipseGeometry x:Name="MyAnimatedEllipseGeometry"
             Center="200,100" RadiusX="15" RadiusY="15" />
        </Path.Data>
    </Path>
</Canvas>

// Start the animation when the object loads
private void Start_Animation(object sender, RoutedEventArgs e)
{
    myStoryboard.Begin();
}

注釈

キーフレームアニメーションでは、アニメーションタイムラインに沿ってポイントに到達する複数のターゲット値を使うことができます。つまり、キーフレームごとに異なる中間値も指定でき、到達した最後のキーフレームが最終的なアニメーション値になります。複数の値を指定してアニメーション化を行うことで、より複雑なアニメーションを実現できます。通常、 LinearPointKeyFrame を使用する PointAnimationUsingKeyFrames には少なくとも 2 つのキーフレームがあります。そうしないと、 PointAnimation の方が単純になります。

キーフレームアニメーションの使用方法の詳細については、「キーフレームアニメーションとイージング関数アニメーション」を参照してください。

コンストラクター

LinearPointKeyFrame()

LinearPointKeyFrame クラスの新しいインスタンスを初期化します。

プロパティ

Dispatcher	常に Windows アプリ SDK アプリでを返します`null`。代わりに DispatcherQueue を使用してください。 (継承元 DependencyObject)
DispatcherQueue	このオブジェクトが `DispatcherQueue` 関連付けられているを取得します。は `DispatcherQueue` 、コードが UI 以外のスレッドによって開始された場合でも、UI スレッド上のにアクセス `DependencyObject` できる機能を表します。 (継承元 DependencyObject)
KeyTime	キーフレームのターゲット値に到達する時刻を取得または設定します。 (継承元 PointKeyFrame)
Value	キーフレームのターゲット値を取得または設定します。 (継承元 PointKeyFrame)

メソッド

ClearValue(DependencyProperty)	依存関係プロパティのローカル値をクリアします。 (継承元 DependencyObject)
GetAnimationBaseValue(DependencyProperty)	依存関係プロパティに対して確立された基本値を返します。これは、アニメーションがアクティブでない場合に適用されます。 (継承元 DependencyObject)
GetValue(DependencyProperty)	DependencyObject から依存関係プロパティの現在の有効な値を返します。 (継承元 DependencyObject)
ReadLocalValue(DependencyProperty)	ローカル値が設定されている場合は、依存関係プロパティのローカル値を返します。 (継承元 DependencyObject)
RegisterPropertyChangedCallback(DependencyProperty, DependencyPropertyChangedCallback)	この DependencyObject インスタンスの特定の DependencyProperty に対する変更をリッスンするための通知関数を登録します。 (継承元 DependencyObject)
SetValue(DependencyProperty, Object)	DependencyObject の依存関係プロパティのローカル値を設定します。 (継承元 DependencyObject)
UnregisterPropertyChangedCallback(DependencyProperty, Int64)	RegisterPropertyChangedCallback を呼び出して以前に登録した変更通知を取り消します。 (継承元 DependencyObject)

適用対象

次の方法で共有

LinearPointKeyFrame クラス

定義

例

注釈

コンストラクター

プロパティ

メソッド

適用対象

こちらもご覧ください

フィードバック

その他のリソース