AnimatedIcon.Source 属性

定义

命名空间:

Microsoft.UI.Xaml.Controls

获取或设置对象显示的 AnimatedIcon 动画视觉对象。

本文档适用于 Windows 应用 SDK 中 WinUI 的 WinUI 2 for UWP (，请参阅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);

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

Public Property Source As IAnimatedVisualSource2

属性值

IAnimatedVisualSource2

由该 AnimatedIcon对象显示的动画视觉对象。 默认为 null。

示例

本示例将 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属性不支持 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 创建动画内容。

另请参阅

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