EntranceThemeTransition Class

Stellt das animierte Übergangsverhalten für Steuerelemente bereit, wenn sie zuerst angezeigt werden. Sie können dies für einzelne Objekte oder Containerobjekte verwenden. In letzterem Fall werden untergeordnete Elemente nacheinander statt alle gleichzeitig in eine Ansicht animiert.

Vererbung

Object
  DependencyObject
    Transition
      EntranceThemeTransition

Syntax

Public NotInheritable Class EntranceThemeTransition
    Inherits Transition

<EntranceThemeTransition .../>

Attribute

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

Member

EntranceThemeTransitionKlasse hat diese Membertypen:

Konstruktoren

EntranceThemeTransitionKlasse hat diese Konstruktoren.

KonstruktorBeschreibung
EntranceThemeTransition Initializes a new instance of the EntranceThemeTransition class.

 

Methoden

The EntranceThemeTransition Klasse hat diese Methoden. Es erbt auch Methoden von Object Klasse.

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

 

Eigenschaften

Der EntranceThemeTransitionKlasse hat diese Eigenschaften.

EigenschaftZugriffstypBeschreibung

Dispatcher

SchreibgeschütztGets the CoreDispatcher that this object is associated with. (Geerbt von DependencyObject)

FromHorizontalOffset

Lese-/SchreibzugriffGets or sets the distance by which the target is translated in the horizontal direction when the animation is active.

FromHorizontalOffsetProperty

SchreibgeschütztIdentifies the FromHorizontalOffset dependency property.

FromVerticalOffset

Lese-/SchreibzugriffGets or sets the distance by which the target is translated in the vertical direction when the animation is active.

FromVerticalOffsetProperty

SchreibgeschütztIdentifies the FromVerticalOffset dependency property.

IsStaggeringEnabled

Lese-/SchreibzugriffGets or sets a value that determines whether the transition staggers rendering of multiple items, or renders all items at once.

IsStaggeringEnabledProperty

SchreibgeschütztIdentifies the IsStaggeringEnabled dependency property.

 

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie eine EntranceThemeTransition auf einen Button angewendet wird.


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


Im folgenden Beispiel wird veranschaulicht, wie mit Formaten eine EntranceThemeTransition auf einen Button angewendet wird.


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


Im Allgemeinen sollten Sie die EntranceThemeTransition-Animation auf alle untergeordneten Elemente eines Bereichs anwenden. In diesem Beispiel wird eine EntranceThemeTransition auf ein Grid mit einer Anzahl von untergeordneten Rechtecken angewendet. Wenn Sie dieses Beispiel ausführen, werden die Rechtecke nacheinander animiert eingeblendet und nicht gleichzeitig wie beim Anwenden der Animation auf einzelne Objekte.


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


Anforderungen

Mindestens unterstützter Client

Windows 8 [Nur Windows Store-Apps]

Mindestens unterstützter Server

Windows Server 2012 [Nur Windows Store-Apps]

Namespace

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

Metadaten

Windows.winmd

Siehe auch

Transition
Animieren von Seitenübergängen
Richtlinien und Prüfliste für Seitenübergangsanimationen

 

 

Anzeigen:
© 2014 Microsoft