다음을 통해 공유

UIElement.Transitions 속성

  • 참조

정의

네임스페이스:
Microsoft.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 3 갤러리 앱을 열고 작동 중인 전환을 확인합니다.

WinUI 3 갤러리 앱에는 대부분의 WinUI 3 컨트롤, 기능 및 기능의 대화형 예제가 포함되어 있습니다. Microsoft Store에서 앱을 다운로드하거나 GitHub에서 소스 코드를 가져오세요.

다음 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 속성에서 사용됩니다.

적용 대상

추가 정보