ColorAnimationExtensions

의 ColorAnimationExtensions 관련 속성에 애니메이션 효과를 Color 주는 일련의 확장 메서드를 VisualElement제공합니다.

ColorAnimationExtensions 네임스페이 CommunityToolkit.Maui.Extensions 스 아래에서 찾을 수 있으므로 시작하려면 다음 줄을 추가하기만 하면 됩니다.

using CommunityToolkit.Maui.Extensions;

BackgroundColorTo

이 BackgroundColorTo 메서드를 사용하면 변경 내용에 애니메이션 효과를 적용할 BackgroundColor 수 있습니다 VisualElement.

구문

다음 예제에서는 다음에 대해 원본 Colors.White 에 BackgroundColor 애니메이션 효과를 적용하는 Colors.Red 방법을 보여줍니다.Label

using CommunityToolkit.Maui.Extensions;

var label = new Label
{
    BackgroundColor = Colors.White
};

await label.BackgroundColorTo(Colors.Red);

메서드의 BackgroundColorTo 전체 인수 목록은 다음과 같습니다.

• color형식 Color은 '에 애니메이션 VisualElement효과를 주려는 대상 색입니다 BackgroundColor .
• rate형식 uint은 애니메이션 프레임 사이의 시간(밀리초)입니다. 기본값이 16인 선택적 인수입니다.
• length형식 uint은 애니메이션의 기간(밀리초)입니다. 기본값이 250인 선택적 인수입니다.
• easing형식 Easing의 는 애니메이션에 사용할 감속/가속 함수입니다. 기본값이 .인 선택적 인수입니다 null.

TextColorTo

이 TextColorTo 메서드를 사용하면 구현 변경에 애니메이션 효과를 적용할 TextColor 수 있습니다 ITextStyle .

using CommunityToolkit.Maui.Extensions;

var label = new Label
{
    TextColor = Colors.Green
};

await label.TextColorTo(Colors.Red);

메서드의 TextColorTo 전체 인수 목록은 다음과 같습니다.

• color형식 Color은 '에 애니메이션 VisualElement효과를 주려는 대상 색입니다 BackgroundColor .
• rate형식 uint은 애니메이션 프레임 사이의 시간(밀리초)입니다. 기본값이 16인 선택적 인수입니다.
• length형식 uint은 애니메이션의 기간(밀리초)입니다. 기본값이 250인 선택적 인수입니다.
• easing형식 Easing의 는 애니메이션에 사용할 감속/가속 함수입니다. 기본값이 .인 선택적 인수입니다 null.

참고 항목

이 TextColorTo 메서드는 소스 생성기를 사용하여 컴파일 시간에 생성됩니다. 이는 읽기 전용인 ITextStyle.TextColor 사실 때문입니다. .NET MAUI 커뮤니티 도구 키트 GitHub 리포지토리에서 원본 생성기의 소스 코드를 찾을 수 있습니다.

예제

.NET MAUI 커뮤니티 도구 키트 샘플 애플리케이션에서 작동 중인 이 확장의 예를 찾을 수 있습니다.

API

.NET MAUI 커뮤니티 도구 키트 GitHub 리포지토리에서 오버에 대한 ColorAnimationExtensions 소스 코드를 찾을 수 있습니다.