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.Source 属性设置为 AnimatedBackVisualSource。

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

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

注解

属性Source不支持 (<AnimatedIcon Source="..."/>) 的 XAML 属性语法;必须使用 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 创建动画内容。

另请参阅

• AnimatedIcon
• TryCreateAnimatedVisual(Compositor, Object)
• 动画图标概述
• Microsoft.UI.Xaml.Controls.AnimatedVisuals