AnimatedIcon.Source 속성

정의

네임스페이스:

Microsoft.UI.Xaml.Controls

개체가 표시하는 애니메이션 시각적 개체를 AnimatedIcon 가져오거나 설정합니다.

이 설명서는 UWP용 WinUI 2에 적용됩니다(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);

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입니다.

예제

다음은 속성을 AnimatedBackVisualSource로 설정하는 AnimatedIcon.Source 예제입니다.

<!-- 
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