次の方法で共有


AnimatedIcon.Source プロパティ

定義

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

このドキュメントは、WinUI 2 for UWP に適用されます (Windows アプリ SDKWinUI については、Windows アプリ SDK名前空間を参照してください)。

public:
 property IAnimatedVisualSource2 ^ Source { IAnimatedVisualSource2 ^ get(); void set(IAnimatedVisualSource2 ^ value); };
/// [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)]
/// [get: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [set: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
IAnimatedVisualSource2 Source();

void Source(IAnimatedVisualSource2 value);
public IAnimatedVisualSource2 Source { [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] get; [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] set; }
[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; }
Public Property Source As IAnimatedVisualSource2

プロパティ値

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

属性
Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallbackAttribute

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

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

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

注釈

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

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

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

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

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

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

適用対象

こちらもご覧ください