UIElement.Transitions 속성

  • 참조

정의

네임스페이스:
Windows.UI.Xaml
편집

UIElement에 적용되는 전환 스타일 요소의 컬렉션을 가져오거나 설정합니다.

public:
 property TransitionCollection ^ Transitions { TransitionCollection ^ get(); void set(TransitionCollection ^ value); };
TransitionCollection Transitions();

void Transitions(TransitionCollection value);
public TransitionCollection Transitions { get; set; }
var transitionCollection = uIElement.transitions;
uIElement.transitions = transitionCollection;
Public Property Transitions As TransitionCollection
<uielement>
  <uielement.Transitions>
    <TransitionCollection>
      oneOrMoreTransitions
    </TransitionCollection>
  </uielement.Transitions>
</uielement>

속성 값

TransitionCollection

UIElement에 적용되는 전환 스타일 요소의 강력한 형식의 컬렉션입니다.

예제

팁

자세한 내용은 디자인 지침 및 코드 예제를 참조 하세요.

WinUI 2 갤러리 앱이 설치된 경우 여기를 클릭하여 앱을 열고 실행 중인 암시적 전환 및 테마 전환을 확인합니다.

이 XAML 예제에서는 단추 스타일에 정의된 단일 EntranceThemeTransition을 보여 줍니다. 전환 애니메이션 속성은 일반적으로 UI 정의에서 직접 속성이 아닌 스타일 및 템플릿으로 설정됩니다. 스타일은 일반적으로 XAML 리소스로 저장됩니다.

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
    <Grid.Resources>
        <Style x:Key="DefaultButtonStyle" TargetType="Button">
            <Setter Property="Transitions">
                <Setter.Value>
                    <TransitionCollection>
                        <EntranceThemeTransition/>
                    </TransitionCollection>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>

    <Button Style="{StaticResource DefaultButtonStyle}" 
            Content="EntranceThemeTransition style applied" />

</Grid>

설명

참고

Windows 10, 버전 1809(SDK 17763)에 앞서 TransitionCollection 값이 있는 속성에 대한 XAML 구문을 사용하려면 명시적 TransitionCollection 개체 요소를 값으로 선언한 다음 사용하려는 각 전환 애니메이션에 대해 개체 요소를 TransitionCollection의 자식 요소로 제공해야 합니다. Windows 10, 버전 1809(SDK 17763) 이상에서 TransitionCollection은 암시적 컬렉션 사용을 지원하므로 컬렉션 개체 요소를 생략할 수 있습니다. 암시적 컬렉션 및 XAML에 대한 자세한 내용은 XAML 구문 가이드를 참조하세요.

다음은 전환에 사용할 수 있는 몇 가지 유형의 짧은 목록입니다.

UIElement에서 파생되는 특정 클래스에는 클래스별 시나리오에 대한 다른 유형의 전환을 보유하는 자체 속성이 있는 경우가 있습니다. 예를 들어 Popup.ChildTransitions 및 ItemsControl.ItemContainerTransitions입니다.

전환 애니메이션은 앱의 UI 디자인에서 특정 역할을 합니다. 기본 아이디어는 변경 또는 전환이 있을 때 애니메이션이 변경에 대한 사용자의 관심을 끌도록 한다는 것입니다.

앱 UI의 직접 요소인 UIElement 에서 직접 Transitions 속성의 값을 설정하는 것은 일반적이지 않습니다. 전환 컬렉션이 시각적 상태, 템플릿 또는 스타일의 일부가 되는 것이 더 일반적입니다. 이 경우 Style의 Setter와 같은 메커니즘을 사용하여 Transitions 속성을 지정하고 일반적으로 XAML 리소스로 저장되는 XAML 정의 콘텐츠를 사용하여 값을 설정합니다.

VisualTransition 은 UIElement.Transitions 컬렉션에 입력한 형식 중 하나가 아닙니다. VisualTransition 은 시각적 상태 그룹의 애니메이션을 위해 특별히 사용되며 VisualStateGroup.Transitions 속성에서 사용됩니다.

적용 대상

추가 정보