다음을 통해 공유


Panel.BackgroundTransition 속성

정의

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

BrushTransition BackgroundTransition();

void BackgroundTransition(BrushTransition value);
public BrushTransition BackgroundTransition { get; set; }
var brushTransition = panel.backgroundTransition;
panel.backgroundTransition = brushTransition;
Public Property BackgroundTransition As BrushTransition

속성 값

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

Windows 요구 사항

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

예제

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

<Grid Background="{x:Bind GridBackground}">
    <Grid.BackgroundTransition>
        <BrushTransition />
    </Grid.BackgroundTransition>
</Grid>

설명

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

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

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

적용 대상

추가 정보