Edge​UI​Theme​Transition Edge​UI​Theme​Transition Edge​UI​Theme​Transition Edge​UI​Theme​Transition Class

Definition

Namespace:
Windows.UI.Xaml.Media.Animation Windows.UI.Xaml.Media.Animation Windows.UI.Xaml.Media.Animation Windows.UI.Xaml.Media.Animation
Edit

Provides the animated transition behavior for an edge UI transition. 

public : sealed class EdgeUIThemeTransition : Transition, IEdgeUIThemeTransitionpublic sealed class EdgeUIThemeTransition : Transition, IEdgeUIThemeTransitionPublic NotInheritable Class EdgeUIThemeTransition Inherits Transition Implements IEdgeUIThemeTransition// This API is not available in Javascript.
<EdgeUIThemeTransition .../>
Inheritance
DependencyObjectDependencyObjectDependencyObjectDependencyObject
TransitionTransitionTransitionTransition
EdgeUIThemeTransitionEdgeUIThemeTransitionEdgeUIThemeTransitionEdgeUIThemeTransition
Attributes
ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute StaticAttribute ThreadingAttribute WebHostHiddenAttribute
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

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)
SetValue(DependencyProperty,Object)SetValue(DependencyProperty,Object)SetValue(DependencyProperty,Object)SetValue(DependencyProperty,Object)
UnregisterPropertyChangedCallback(DependencyProperty,Int64)UnregisterPropertyChangedCallback(DependencyProperty,Int64)UnregisterPropertyChangedCallback(DependencyProperty,Int64)UnregisterPropertyChangedCallback(DependencyProperty,Int64)

Inherited properties

DispatcherDispatcherDispatcherDispatcher

Remarks

We recommend that you include edge UI by adding an AppBar via the BottomAppBar and TopAppBar properties, which will automatically apply all appropriate transitions and interaction behavior for you.

PaneThemeTransition versus EdgeUIThemeTransition

  • Use edge UI animations (EdgeUIThemeTransition ) to show or hide a custom message or error bar that does not extend far into the screen.
  • Use panel animations (PaneThemeTransition ) to show UI that slides a significant distance into the screen, such as a task pane or a custom soft keyboard.

Constructors

EdgeUIThemeTransition() EdgeUIThemeTransition() EdgeUIThemeTransition() EdgeUIThemeTransition()

Edit

Initializes a new instance of the EdgeUIThemeTransition class.

public : EdgeUIThemeTransition()public EdgeUIThemeTransition()Public Sub New()// This API is not available in Javascript.
See Also
Animating edge-based UI
Guidelines and checklist for edge-based UI animations

Properties

Edge Edge Edge Edge

Edit

Gets or sets the edge position to use for the transition.

public : EdgeTransitionLocation Edge { get; set; }public EdgeTransitionLocation Edge { get; set; }Public ReadWrite Property Edge As EdgeTransitionLocation// This API is not available in Javascript.
<EdgeUIThemeTransition Edge="edgeTransitionLocationMemberName" .../>
Value
EdgeTransitionLocation EdgeTransitionLocation EdgeTransitionLocation EdgeTransitionLocation

A value of the enumeration. The default is Top.

See Also
Animating edge-based UI
Guidelines and checklist for edge-based UI animations

EdgeProperty EdgeProperty EdgeProperty EdgeProperty

Edit

Identifies the Edge dependency property.

public : static DependencyProperty EdgeProperty { get; }public static DependencyProperty EdgeProperty { get; }Public Static ReadOnly Property EdgeProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the Edge dependency property.

See Also
Animating edge-based UI
Guidelines and checklist for edge-based UI animations

See Also