Border.BackgroundTransition 속성

정의

네임스페이스:

Windows.UI.Xaml.Controls

Background 속성에 대한 변경 내용에 자동으로 애니메이션 효과를 주도록 BrushTransition의 instance 가져오거나 설정합니다.

BrushTransition BackgroundTransition();

void BackgroundTransition(BrushTransition value);

public BrushTransition BackgroundTransition { get; set; }

var brushTransition = border.backgroundTransition;
border.backgroundTransition = brushTransition;

Public Property BackgroundTransition As BrushTransition

속성 값

BrushTransition

변경 내용에 자동으로 애니메이션 효과를 주는 BrushTransition의 instance 이고, 그렇지 않으면 null입니다. 기본값은 null입니다.

Windows 요구 사항

디바이스 패밀리	Windows 10, version 1809 (10.0.17763.0에서 도입되었습니다.)
API contract	Windows.Foundation.UniversalApiContract (v7.0에서 도입되었습니다.)

예제

이 예제에서는 Border에 백그라운드 전환을 적용하는 방법을 보여줍니다. 업데이트될 때마다 BorderBackground 배경이 이전 브러시에서 새 브러시로 애니메이션 효과를 집니다.

<Border Background="{x:Bind BorderBackground}">
    <Border.BackgroundTransition>
        <BrushTransition />
    </Border.BackgroundTransition>
</Border>

설명

Background 속성에 대한 변경 내용에 애니메이션 효과를 주려면 이 속성을 사용합니다 . 코드에서 또는 데이터 바인딩을 통해 새 값을 설정하면 변경 내용이 즉시 발생하지 않고 이전 값에서 새 값으로 애니메이션이 적용됩니다.

전환 애니메이션에 시간이 걸리더라도 실제 속성 값으로 변경하면 즉시 변경됩니다. 예를 들어 코드에서 속성을 변경한 다음 다시 읽는 경우 속성 변경의 시각적 효과가 새 값과 이전 사이의 어딘가에 있더라도 새 값이 표시됩니다.

첫 번째 변경 내용이 여전히 애니메이션 효과를 주는 동안 속성 값이 두 번째로 변경되는 경우 애니메이션은 현재 애니메이션된 값을 다음 애니메이션의 "시작" 값으로 사용한 다음 새 "final" 값에 애니메이션 효과를 주며, 기간이 다시 설정됩니다.

추가 정보

• BrushTransition
• Background