SplitOpenThemeAnimation Class

Représente l'animation préconfigurée qui révèle une interface utilisateur cible à l'aide d'une animation fractionnée.

Héritage

Object
  DependencyObject
    Timeline
      SplitOpenThemeAnimation

Syntaxe


public sealed class SplitOpenThemeAnimation : Timeline


<SplitOpenThemeAnimation .../>

Attributs

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

Membres

SplitOpenThemeAnimationClasse possède ces types de membres :

Constructeurs

SplitOpenThemeAnimationClasse possède ces constructeurs.

ConstructeurDescription
SplitOpenThemeAnimation Initializes a new instance of the SplitOpenThemeAnimation class.

 

Événements

SplitOpenThemeAnimationClasse possède ces événements.

ÉvénementDescription
Completed Occurs when the Storyboard object has completed playing. (Hérité de Timeline)

 

Méthodes

The SplitOpenThemeAnimation 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 SplitOpenThemeAnimationClasse a les propriétés suivantes.

PropriétéType d'accèsDescription

AutoReverse

Lecture/écritureGets or sets a value that indicates whether the timeline plays in reverse after it completes a forward iteration. (Hérité de Timeline)

BeginTime

Lecture/écritureGets or sets the time at which this Timeline should begin. (Hérité de Timeline)

ClosedLength

Lecture/écritureGets or sets the initial size of the target element in the animation direction.

ClosedLengthProperty

En lecture seuleIdentifies the ClosedLength dependency property.

ClosedTarget

Lecture/écritureGets or sets the UI element that specifies the initial clip size.

ClosedTargetName

Lecture/écritureGets or sets the identifying name of the UI element that specifies the initial clip size.

ClosedTargetNameProperty

En lecture seuleIdentifies the ClosedTargetName dependency property.

ClosedTargetProperty

En lecture seuleIdentifies the ClosedTarget dependency property.

ContentTarget

Lecture/écritureGets or sets the UI element that will be translated. Typically this is a child/part of the element identified by OpenedTargetName or OpenedTarget.

ContentTargetName

Lecture/écritureGets or sets the identifying name of the UI element that will be translated. Typically this is a child/part of the element identified by OpenedTargetName.

ContentTargetNameProperty

En lecture seuleIdentifies the ContentTargetName dependency property.

ContentTargetProperty

En lecture seuleIdentifies the ContentTarget dependency property.

ContentTranslationDirection

Lecture/écritureGets or sets a value that determines which direction the content should translate when the animation runs.

ContentTranslationDirectionProperty

En lecture seuleIdentifies the ContentTranslationDirection dependency property.

ContentTranslationOffset

Lecture/écritureGets or sets the pixels to translate by when the animation runs.

ContentTranslationOffsetProperty

En lecture seuleIdentifies the ContentTranslationOffset dependency property.

Dispatcher

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

Duration

Lecture/écritureGets or sets the length of time for which this timeline plays, not counting repetitions. (Hérité de Timeline)

FillBehavior

Lecture/écritureGets or sets a value that specifies how the animation behaves after it reaches the end of its active period. (Hérité de Timeline)

OffsetFromCenter

Lecture/écritureGets or sets an offset from the center of the opened target.

OffsetFromCenterProperty

En lecture seuleIdentifies the OffsetFromCenter dependency property.

OpenedLength

Lecture/écritureGets or sets the final size of the target UI element.

OpenedLengthProperty

En lecture seuleIdentifies the OpenedLength dependency property.

OpenedTarget

Lecture/écritureGets or sets the UI element that will be clipped.

OpenedTargetName

Lecture/écritureGets or sets the identifying name of the UI element that will be clipped.

OpenedTargetNameProperty

En lecture seuleIdentifies the OpenedTargetName dependency property.

OpenedTargetProperty

En lecture seuleIdentifies the OpenedTarget dependency property.

RepeatBehavior

Lecture/écritureGets or sets the repeating behavior of this timeline. (Hérité de Timeline)

SpeedRatio

Lecture/écritureGets or sets the rate, relative to its parent, at which time progresses for this Timeline. (Hérité de Timeline)

 

Remarques

Notez que la définition de la propriété Duration n'a aucun effet sur cet objet comme la durée est préconfigurée.

Exemples

Voici un exemple de contrôle personnalisé qui utilise les animations de thème « split open » et « split close ».



<!-- Example template of a custom control that uses split open 
     and split close theme animations. -->
<ControlTemplate TargetType="local:SplitOpenControl">
    <Grid>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="OpenStates">
                <VisualState x:Name="Open">
                    <Storyboard>
                        <SplitOpenThemeAnimation 
                            OpenedTargetName="contentBorder" 
                            ContentTargetName="content" 
                            ClosedTargetName="targetRect"
                            ContentTranslationDirection="Left"
                            ContentTranslationOffset="200"  
                            OffsetFromCenter="0"
                            OpenedLength="200"
                            ClosedLength="0"
                        />
                        <DoubleAnimation 
                            Storyboard.TargetName="targetRect" 
                            Storyboard.TargetProperty="Opacity" 
                            To="0" 
                            Duration="0" 
                        />
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Closed">
                    <Storyboard>
                        <SplitCloseThemeAnimation
                            OpenedTargetName="contentBorder" 
                            ContentTargetName="content" 
                            ClosedTargetName="targetRect"
                            ContentTranslationDirection="Left"
                            ContentTranslationOffset="-200"  
                            OffsetFromCenter="0"
                            OpenedLength="200"
                            ClosedLength="0"
                        />
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
                    
        <Rectangle x:Name="targetRect" Width="100" Height="100" Fill="Blue" />
                        
        <Popup IsOpen="False" Height="50" Width="200" x:Name="contentPopup">
            <Border x:Name="contentBorder" BorderBrush="Orange" BorderThickness="3">
                <TextBlock x:Name="content" Text="Hello World" FontSize="20" />
            </Border>
        </Popup>
    </Grid>
</ControlTemplate>


public sealed class SplitOpenControl : Control
{
    private Popup _contentPopup;
    public SplitOpenControl()
    {
        this.DefaultStyleKey = typeof(SplitOpenControl);
    }

    protected override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        _contentPopup = GetTemplateChild("contentPopup") as Popup;
    }

    protected override void OnPointerPressed(PointerRoutedEventArgs e)
    {
        this.CapturePointer(e.Pointer);
        _contentPopup.IsOpen = true;
        VisualStateManager.GoToState(this, "Open", true);            
    }

    protected override void OnPointerReleased(PointerRoutedEventArgs e)
    {            
        VisualStateManager.GoToState(this, "Closed", true);
        this.ReleasePointerCapture(e.Pointer);
    }
}

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

Timeline

 

 

Afficher:
© 2014 Microsoft