DragOverThemeAnimation
DragOverThemeAnimation
DragOverThemeAnimation
DragOverThemeAnimation
Class
Definition
Represents the preconfigured animation that applies to the elements underneath an element being dragged.
public : sealed class DragOverThemeAnimation : Timeline, IDragOverThemeAnimationpublic sealed class DragOverThemeAnimation : Timeline, IDragOverThemeAnimationPublic NotInheritable Class DragOverThemeAnimation Inherits Timeline Implements IDragOverThemeAnimation// This API is not available in Javascript.
<DragItemThemeAnimation .../>
- Inheritance
-
DragOverThemeAnimationDragOverThemeAnimationDragOverThemeAnimationDragOverThemeAnimation
- 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 is an example of a template for a custom control that animates as another element is being dragged over it.
<Style x:Key="ListViewItemStyle1" TargetType="ListViewItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListViewItem">
<Border x:Name="OuterContainer">
<VisualStateManager.VisualStateGroups>
<!—Reordering hint VisualStates of the ListViewItem control which use
DragOverThemeAnimation. -->
<VisualStateGroup x:Name="ReorderHintStates">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.650" To="NoReorderHint"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="NoReorderHint"/>
<VisualState x:Name="BottomReorderHint">
<Storyboard>
<DragOverThemeAnimation
Direction="Bottom"
ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
TargetName="ReorderHintContent"
/>
</Storyboard>
</VisualState>
<VisualState x:Name="TopReorderHint">
<Storyboard>
<DragOverThemeAnimation
Direction="Top"
ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
TargetName="ReorderHintContent"
/>
</Storyboard>
</VisualState>
<VisualState x:Name="RightReorderHint">
<Storyboard>
<DragOverThemeAnimation
Direction="Right"
ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
TargetName="ReorderHintContent"
/>
</Storyboard>
</VisualState>
<VisualState x:Name="LeftReorderHint">
<Storyboard>
<DragOverThemeAnimation
Direction="Left"
ToOffset="{StaticResource ListViewItemReorderHintThemeOffset}"
TargetName="ReorderHintContent"
/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<!-- Additional state groups here. -->
</VisualStateManager.VisualStateGroups>
<!-- Template content here. -->
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Remarks
Note that setting the Duration property has no effect on this object since the duration is preconfigured.
Constructors
DragOverThemeAnimation() DragOverThemeAnimation() DragOverThemeAnimation() DragOverThemeAnimation()
Initializes a new instance of the DragOverThemeAnimation class.
public : DragOverThemeAnimation()public DragOverThemeAnimation()Public Sub New()// This API is not available in Javascript.
- See Also
Properties
Direction Direction Direction Direction
Gets or sets the direction that the target should translate, when the animation is active.
public : AnimationDirection Direction { get; set; }public AnimationDirection Direction { get; set; }Public ReadWrite Property Direction As AnimationDirection// This API is not available in Javascript.
<DragOverThemeAnimation Direction="animationDirectionMemberName" />
A value of the enumeration.
- See Also
DirectionProperty DirectionProperty DirectionProperty DirectionProperty
Identifies the Direction dependency property.
public : static DependencyProperty DirectionProperty { get; }public static DependencyProperty DirectionProperty { get; }Public Static ReadOnly Property DirectionProperty As DependencyProperty// This API is not available in Javascript.
The identifier for the Direction dependency property.
- See Also
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.
<DragOverThemeAnimation 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
ToOffset ToOffset ToOffset ToOffset
Gets or sets the distance by which the target is translated when the animation is active.
public : double ToOffset { get; set; }public double ToOffset { get; set; }Public ReadWrite Property ToOffset As double// This API is not available in Javascript.
<DragOverThemeAnimation ToOffset="double" />
- Value
- double double double double
The offset, in pixels.
Remarks
The direction of the offset is controlled by Direction.
- See Also
ToOffsetProperty ToOffsetProperty ToOffsetProperty ToOffsetProperty
Identifies the ToOffset dependency property.
public : static DependencyProperty ToOffsetProperty { get; }public static DependencyProperty ToOffsetProperty { get; }Public Static ReadOnly Property ToOffsetProperty As DependencyProperty// This API is not available in Javascript.
The identifier for the ToOffset dependency property.
- See Also