FadeOutThemeAnimation
FadeOutThemeAnimation
FadeOutThemeAnimation
FadeOutThemeAnimation
Class
Definition
Represents the preconfigured opacity animation that applies to controls when they are removed from the UI or hidden.
public : sealed class FadeOutThemeAnimation : Timeline, IFadeOutThemeAnimationpublic sealed class FadeOutThemeAnimation : Timeline, IFadeOutThemeAnimationPublic NotInheritable Class FadeOutThemeAnimation Inherits Timeline Implements IFadeOutThemeAnimation// This API is not available in Javascript.
<FadeOutThemeAnimation ... />
- Inheritance
-
FadeOutThemeAnimationFadeOutThemeAnimationFadeOutThemeAnimationFadeOutThemeAnimation
- Attributes
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
ClearValue(DependencyProperty)ClearValue(DependencyProperty)ClearValue(DependencyProperty)ClearValue(DependencyProperty)
GetAnimationBaseValue(DependencyProperty)GetAnimationBaseValue(DependencyProperty)GetAnimationBaseValue(DependencyProperty)GetAnimationBaseValue(DependencyProperty)
GetValue(DependencyProperty)GetValue(DependencyProperty)GetValue(DependencyProperty)GetValue(DependencyProperty)
ReadLocalValue(DependencyProperty)ReadLocalValue(DependencyProperty)ReadLocalValue(DependencyProperty)ReadLocalValue(DependencyProperty)
RegisterPropertyChangedCallback(DependencyProperty,DependencyPropertyChangedCallback)RegisterPropertyChangedCallback(DependencyProperty,DependencyPropertyChangedCallback)RegisterPropertyChangedCallback(DependencyProperty,DependencyPropertyChangedCallback)RegisterPropertyChangedCallback(DependencyProperty,DependencyPropertyChangedCallback)
Inherited events
Examples
The following example applies a FadeInThemeAnimation and FadeOutThemeAnimation to a rectangle.
<StackPanel>
<StackPanel.Resources>
<!-- Theme animations like this can use the default behavior like
this example or you could use properties like BeginTime and
Duration to tweak when and how quickly the animation occures.
If you want more control over a fade animation (e.g. just partial
fade), you will need to use DoubleAnimation to animate the Opacity
property of the element you want to fade in or out. -->
<Storyboard x:Name="EnterStoryboard">
<FadeOutThemeAnimation Storyboard.TargetName="myRectangle" />
</Storyboard>
<Storyboard x:Name="ExitStoryboard">
<FadeInThemeAnimation Storyboard.TargetName="myRectangle" />
</Storyboard>
</StackPanel.Resources>
<Rectangle x:Name="myRectangle"
PointerEntered="Rectangle_PointerEntered"
PointerExited="Rectangle_PointerExited"
Fill="Blue" Width="200" Height="300" />
</StackPanel>
// When the pointer enters the rectangle space, the animation begins.
private void Rectangle_PointerEntered(object sender, PointerRoutedEventArgs e)
{
EnterStoryboard.Begin();
}
private void Rectangle_PointerExited(object sender, PointerRoutedEventArgs e)
{
ExitStoryboard.Begin();
}
Constructors
FadeOutThemeAnimation() FadeOutThemeAnimation() FadeOutThemeAnimation() FadeOutThemeAnimation()
Initializes a new instance of the FadeOutThemeAnimation class.
public : FadeOutThemeAnimation()public FadeOutThemeAnimation()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.
<FadeOutThemeAnimation 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