EntranceThemeTransition Class

컨트롤이 처음 나타날 때 컨트롤에 대한 애니메이션 전환 동작을 제공합니다. 개별 개체 또는 개체의 컨테이너에서 이를 사용할 수 있습니다. 후자의 경우 자식 요소는 애니메이션을 모두 동시에 적용하지 않고 순서대로 뷰에 적용합니다.

상속

Object
  DependencyObject
    Transition
      EntranceThemeTransition

구문


public sealed class EntranceThemeTransition : Transition


<EntranceThemeTransition .../>

특성

[MarshalingBehavior(Agile)]
[Threading(Both)]
[Version(0x06020000)]
[WebHostHidden()]

멤버

EntranceThemeTransition클래스에는 다음과 같은 형식의 멤버가 있습니다.

생성자

EntranceThemeTransition클래스에는 다음과 같은 생성자가 있습니다.

생성자Description
EntranceThemeTransition Initializes a new instance of the EntranceThemeTransition class.

 

메서드

The EntranceThemeTransition 클래스 - 이러한 메서드가 있습니다. 다음 위치의 메서드도 상속합니다. Object 클래스.

메서드Description
ClearValue Clears the local value of a dependency property. (다음에서 상속됨 DependencyObject)
GetAnimationBaseValue Returns any base value established for a dependency property, which would apply in cases where an animation is not active. (다음에서 상속됨 DependencyObject)
GetValue Returns the current effective value of a dependency property from a DependencyObject. (다음에서 상속됨 DependencyObject)
ReadLocalValue Returns the local value of a dependency property, if a local value is set. (다음에서 상속됨 DependencyObject)
SetValue Sets the local value of a dependency property on a DependencyObject. (다음에서 상속됨 DependencyObject)

 

속성

EntranceThemeTransition클래스 - 이러한 속성이 있습니다.

속성사용 권한Description

Dispatcher

읽기 전용Gets the CoreDispatcher that this object is associated with. (다음에서 상속됨 DependencyObject)

FromHorizontalOffset

읽기/쓰기Gets or sets the distance by which the target is translated in the horizontal direction when the animation is active.

FromHorizontalOffsetProperty

읽기 전용Identifies the FromHorizontalOffset dependency property.

FromVerticalOffset

읽기/쓰기Gets or sets the distance by which the target is translated in the vertical direction when the animation is active.

FromVerticalOffsetProperty

읽기 전용Identifies the FromVerticalOffset dependency property.

IsStaggeringEnabled

읽기/쓰기Gets or sets a value that determines whether the transition staggers rendering of multiple items, or renders all items at once.

IsStaggeringEnabledProperty

읽기 전용Identifies the IsStaggeringEnabled dependency property.

 

예제

다음 예제에서는 EntranceThemeTransitionButton에 적용하는 방법을 보여 줍니다.


<Button Content="EntranceThemeTransition Button">
    <Button.Transitions>
        <TransitionCollection>
            
            <!-- This transition just uses the default behavior which is to
                 have the button animate into view from the right. You can
                 make it start from anywhere on the right by using the
                 FromHorizontalOffset property. If you'd rather see a vertical
                 animation, use the FromVerticalOffset property. -->
            <EntranceThemeTransition />
        </TransitionCollection>
    </Button.Transitions>
</Button>


다음 예제에서는 스타일을 사용하여 EntranceThemeTransitionButton에 적용하는 방법을 보여 줍니다.


<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>


일반적으로는 패널의 모든 자식 요소에 EntranceThemeTransition 애니메이션을 적용하려고 합니다. 이 예제에서 EntranceThemeTransition은 다수의 자식 영역과 함께 Grid에 적용됩니다. 이 샘플을 실행할 경우 사각형은 애니메이션을 개별 개체에 적용할 때와 같이 동시에 모두 적용하기 보다는 순서대로 뷰에 애니메이션 효과를 적용합니다.


<!-- If you set an EntranceThemeTransition animation on a panel, the
     children of the panel will automatically offset when they animate
     into view to create a visually appealing entrance. -->
<Grid HorizontalAlignment="Left">
    <Grid.ChildrenTransitions>
        <TransitionCollection>
            <EntranceThemeTransition/>
        </TransitionCollection>
    </Grid.ChildrenTransitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <!-- The sequence children appear depends on their order in 
         the panel's children, not necessarily on where they render
         on the screen. Be sure to arrange your child elements in
         the order you want them to transition into view. -->
    <Rectangle Fill="Red" Grid.Row="0" Grid.Column="0" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Blue" Grid.Row="0" Grid.Column="1" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Green" Grid.Row="0" Grid.Column="2" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Red" Grid.Row="1" Grid.Column="0" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Blue" Grid.Row="1" Grid.Column="1" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Green" Grid.Row="1" Grid.Column="2" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Red" Grid.Row="2" Grid.Column="0" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Blue" Grid.Row="2" Grid.Column="1" 
        Width="100" Height="100" Margin="2"/>
    <Rectangle Fill="Green" Grid.Row="2" Grid.Column="2" 
        Width="100" Height="100" Margin="2"/>
</Grid>


요구 사항

지원되는 최소 클라이언트

Windows 8 [Windows 스토어 앱만]

지원되는 최소 서버

Windows Server 2012 [Windows 스토어 앱만]

Namespace

Windows.UI.Xaml.Media.Animation
Windows::UI::Xaml::Media::Animation [C++]

Metadata

Windows.winmd

참고 항목

Transition
페이지 전환에 애니메이션 효과 적용
페이지 전환 애니메이션을 위한 지침 및 검사 목록

 

 

표시:
© 2015 Microsoft