EntranceThemeTransition Class

Fournit le comportement de transition animé sur les contrôles lorsqu'ils s'affichent en premier. Vous pouvez utiliser ceci dans des objets individuels ou sur des conteneurs d'objets. Dans ce dernier cas, les éléments enfants s'animent successivement dans la vue (et non simultanément).

Héritage

Object
  DependencyObject
    Transition
      EntranceThemeTransition

Syntaxe

Public NotInheritable Class EntranceThemeTransition
    Inherits Transition

<EntranceThemeTransition .../>

Attributs

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

Membres

EntranceThemeTransitionClasse possède ces types de membres :

Constructeurs

EntranceThemeTransitionClasse possède ces constructeurs.

ConstructeurDescription
EntranceThemeTransition Initializes a new instance of the EntranceThemeTransition class.

 

Méthodes

The EntranceThemeTransition Classe a les méthodes suivantes. Elle hérite également des méthodes de Object Classe.

MéthodeDescription
ClearValue Clears the local value of a dependency property. (Hérité de DependencyObject)
GetAnimationBaseValue Returns any base value established for a dependency property, which would apply in cases where an animation is not active. (Hérité de DependencyObject)
GetValue Returns the current effective value of a dependency property from a DependencyObject. (Hérité de DependencyObject)
ReadLocalValue Returns the local value of a dependency property, if a local value is set. (Hérité de DependencyObject)
SetValue Sets the local value of a dependency property on a DependencyObject. (Hérité de DependencyObject)

 

Propriétés

Le EntranceThemeTransitionClasse a les propriétés suivantes.

PropriétéType d'accèsDescription

Dispatcher

En lecture seuleGets the CoreDispatcher that this object is associated with. (Hérité de DependencyObject)

FromHorizontalOffset

Lecture/écritureGets or sets the distance by which the target is translated in the horizontal direction when the animation is active.

FromHorizontalOffsetProperty

En lecture seuleIdentifies the FromHorizontalOffset dependency property.

FromVerticalOffset

Lecture/écritureGets or sets the distance by which the target is translated in the vertical direction when the animation is active.

FromVerticalOffsetProperty

En lecture seuleIdentifies the FromVerticalOffset dependency property.

IsStaggeringEnabled

Lecture/écritureGets or sets a value that determines whether the transition staggers rendering of multiple items, or renders all items at once.

IsStaggeringEnabledProperty

En lecture seuleIdentifies the IsStaggeringEnabled dependency property.

 

Exemples

L'exemple de code suivant montre comment appliquer EntranceThemeTransition à un Button.


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


L'exemple suivant montre comment appliquer EntranceThemeTransition à un Button à l'aide de styles.


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


En général, vous souhaiterez appliquer l'animation EntranceThemeTransition à tous les éléments enfants d'un panneau. Dans cet exemple, EntranceThemeTransition est appliqué à une Grid contenant un groupe de rectangles enfants. Si vous exécutez cet exemple, les rectangles seront animés dans la vue dans l'ordre, plutôt que tous simultanément comme si vous aviez appliqué l'animation à des objets individuels.


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


Conditions requises

Client minimal pris en charge

Windows 8 [Applications Windows Store uniquement]

Serveur minimal pris en charge

Windows Server 2012 [Applications Windows Store uniquement]

Espace de noms

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

Métadonnées

Windows.winmd

Voir aussi

Transition
Animation des transitions de page
Instructions et liste de contrôle pour les animations des transitions de page

 

 

Afficher:
© 2014 Microsoft