Pop​Out​Theme​Animation Pop​Out​Theme​Animation Pop​Out​Theme​Animation Class


Represents the preconfigured animation that applies to pop-in components of controls (for example, tooltip-like UI on an object) as they are closed/removed. This animation combines opacity and translation.

public sealed class PopOutThemeAnimation : Timeline, IPopOutThemeAnimationpublic sealed class PopOutThemeAnimation : Timeline, IPopOutThemeAnimationPublic NotInheritable Class PopOutThemeAnimation Inherits Timeline Implements IPopOutThemeAnimation
<PopOutThemeAnimation .../>
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited properties

Inherited methods

Inherited events


This animation does not move or change the object or its neighbors. This animation is meant to be applied to overlay content (like tooltips) when that content is closed/removed. When the content first appears, you should use a PopOutThemeAnimation.

Note that setting the Duration property has no effect on this object since the duration is preconfigured.


The following shows an example template for a ToolTip control that uses PopInThemeAnimation and PopOutThemeAnimation.

<Style x:Key="ToolTipStyle1" TargetType="ToolTip">
    <!-- Sample template for the ToolTip control that uses PopinThemeAnimation and PopOutThemeAnimation. -->
    <Setter Property="Template">
            <ControlTemplate TargetType="ToolTip">
                <Border x:Name="LayoutRoot" 
                         BorderBrush="{TemplateBinding BorderBrush}" 
                         BorderThickness="{TemplateBinding BorderThickness}" 
                         Background="{TemplateBinding Background}">
                        <VisualStateGroup x:Name="OpenStates">
                            <VisualState x:Name="Closed">
                                    <!-- Run a PopOutThemeAnimation when ToolTip is closed. -->
                                    <PopOutThemeAnimation TargetName="LayoutRoot"/>
                            <VisualState x:Name="Opened">
                                    <!-- Run a PopInThemeAnimation when ToolTip is opened. -->
                                        FromVerticalOffset="{Binding TemplateSettings.FromVerticalOffset, RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                                        FromHorizontalOffset="{Binding TemplateSettings.FromHorizontalOffset, RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                         ContentTemplate="{TemplateBinding ContentTemplate}" 
                         ContentTransitions="{TemplateBinding ContentTransitions}" 
                         Content="{TemplateBinding Content}" 
                         Margin="{TemplateBinding Padding}"/>


PopOutThemeAnimation() PopOutThemeAnimation() PopOutThemeAnimation()

Initializes a new instance of the PopOutThemeAnimation class.

public PopOutThemeAnimation()public PopOutThemeAnimation()Public Sub New()
See Also


TargetName TargetName TargetName

Gets or sets the reference name of the control element being targeted.

public string TargetName { get; set; }public string TargetName { get; set; }Public ReadWrite Property TargetName As string
<PopOutThemeAnimation TargetName="nameString" />

string string string

The reference name. This is typically the x:Name of the relevant element as declared in XAML.

See Also

TargetNameProperty TargetNameProperty TargetNameProperty

Identifies the TargetName dependency property.

public static DependencyProperty TargetNameProperty { get; }public static DependencyProperty TargetNameProperty { get; }Public Static ReadOnly Property TargetNameProperty As DependencyProperty
DependencyProperty DependencyProperty DependencyProperty

The identifier for the TargetName dependency property.

See Also

See Also