PopOutThemeAnimation
PopOutThemeAnimation
PopOutThemeAnimation
PopOutThemeAnimation
Class
Definition
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// This API is not available in Javascript.
<PopOutThemeAnimation .../>
- Inheritance
-
PopOutThemeAnimationPopOutThemeAnimationPopOutThemeAnimationPopOutThemeAnimation
- Attributes
| Device family |
Windows 10 (introduced v10.0.10240.0)
|
| API contract |
Windows.Foundation.UniversalApiContract (introduced v1)
|
Inherited Members
Inherited properties
Inherited methods
Inherited events
Examples
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">
<Setter.Value>
<ControlTemplate TargetType="ToolTip">
<Border x:Name="LayoutRoot"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Background="{TemplateBinding Background}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="OpenStates">
<VisualState x:Name="Closed">
<Storyboard>
<!-- Run a PopOutThemeAnimation when ToolTip is closed. -->
<PopOutThemeAnimation TargetName="LayoutRoot"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Opened">
<Storyboard>
<!-- Run a PopInThemeAnimation when ToolTip is opened. -->
<PopInThemeAnimation
FromVerticalOffset="{Binding TemplateSettings.FromVerticalOffset, RelativeSource={RelativeSource Mode=TemplatedParent}}"
FromHorizontalOffset="{Binding TemplateSettings.FromHorizontalOffset, RelativeSource={RelativeSource Mode=TemplatedParent}}"
TargetName="LayoutRoot"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ContentPresenter
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTransitions="{TemplateBinding ContentTransitions}"
Content="{TemplateBinding Content}"
Margin="{TemplateBinding Padding}"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Remarks
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.
Constructors
PopOutThemeAnimation() PopOutThemeAnimation() PopOutThemeAnimation() PopOutThemeAnimation()
Initializes a new instance of the PopOutThemeAnimation class.
public : PopOutThemeAnimation()public PopOutThemeAnimation()Public Sub New()// This API is not available in Javascript.
- See Also
Properties
TargetName TargetName TargetName TargetName
Gets or sets the reference name of the control element being targeted.
public : PlatForm::String TargetName { get; set; }public string TargetName { get; set; }Public ReadWrite Property TargetName As string// This API is not available in Javascript.
<PopOutThemeAnimation TargetName="nameString" />
- Value
- PlatForm::String 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 TargetNameProperty
Identifies the TargetName dependency property.
public : static DependencyProperty TargetNameProperty { get; }public static DependencyProperty TargetNameProperty { get; }Public Static ReadOnly Property TargetNameProperty As DependencyProperty// This API is not available in Javascript.
The identifier for the TargetName dependency property.
- See Also