AnimatedIcon.Source プロパティ

定義

名前空間:

Microsoft.UI.Xaml.Controls

オブジェクトによって表示されるアニメーション化されたビジュアルを AnimatedIcon 取得または設定します。

public:
 property IAnimatedVisualSource2 ^ Source { IAnimatedVisualSource2 ^ get(); void set(IAnimatedVisualSource2 ^ value); };

/// [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [get: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [set: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
IAnimatedVisualSource2 Source();

void Source(IAnimatedVisualSource2 value);

[Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
public IAnimatedVisualSource2 Source { [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] get; [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] set; }

var iAnimatedVisualSource2 = animatedIcon.source;
animatedIcon.source = iAnimatedVisualSource2;

Public Property Source As IAnimatedVisualSource2

プロパティ値

IAnimatedVisualSource2

によって表示される AnimatedIconアニメーション化されたビジュアル。 既定値は、null です。

属性

Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallbackAttribute

例

次の使用例は、 プロパティを AnimatedIcon.SourceAnimatedBackVisualSource に設定します。

<!-- 
xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
-->

<AnimatedIcon>
    <animatedvisuals:AnimatedBackVisualSource/>
</AnimatedIcon>

注釈

プロパティは Source XAML 属性構文 (<AnimatedIcon Source="..."/>) をサポートしていません。XAML プロパティ要素の構文を使用して をSource設定する必要があります。 ただし、 Source はコントロールの content プロパティとして定義されているため、明示的な <AnimatedIcon.Source> タグを省略できます。 これらの XAML 宣言では、同じ結果が生成されます。

<!--  These XAML declarations produce the same result. -->

<AnimatedIcon>
    <AnimatedIcon.Source>
        <animatedvisuals:AnimatedBackVisualSource/>
    </AnimatedIcon.Source>
</AnimatedIcon>

<AnimatedIcon>
    <animatedvisuals:AnimatedBackVisualSource/>
</AnimatedIcon>

WinUI には、 Microsoft.UI.Xaml.Controls.AnimatedVisuals 名前空間の一般的なアイコンのアニメーションビジュアルが用意されています。

アプリでアニメーションアイコンとして使用するカスタム アニメーションを作成できます。 アニメーションは Adobe AfterEffects を使用して作成できます。その出力を Lottie-Windows ライブラリで使用して、IAnimatedVisualSource2 を実装するカスタム クラスを生成できます。 このクラスは、アニメーション化されたアイコンの ソース として使用できます。 詳細については、「 Lottie を使用して AnimatedIcon のアニメーションコンテンツを作成する」を参照してください。

こちらもご覧ください

• AnimatedIcon
• TryCreateAnimatedVisual(Compositor, Object)
• アニメーション アイコンの概要
• Microsoft.UI.Xaml.Controls.AnimatedVisuals