Drop​Target​Item​Theme​Animation Drop​Target​Item​Theme​Animation Drop​Target​Item​Theme​Animation Drop​Target​Item​Theme​Animation Class

Definition

Represents the preconfigured animation that applies to potential drop target elements.

public : sealed class DropTargetItemThemeAnimation : Timeline, IDropTargetItemThemeAnimationpublic sealed class DropTargetItemThemeAnimation : Timeline, IDropTargetItemThemeAnimationPublic NotInheritable Class DropTargetItemThemeAnimation Inherits Timeline Implements IDropTargetItemThemeAnimation// This API is not available in Javascript.
<DropTargetItemThemeAnimation .../>
Inheritance
DropTargetItemThemeAnimationDropTargetItemThemeAnimationDropTargetItemThemeAnimationDropTargetItemThemeAnimation
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

Inherited events

Examples

The following is an example of a template for a custom control that supports an animation for when it is dropped on the screen.

<Style x:Key="ListViewItemStyle1" TargetType="ListViewItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListViewItem">
                <Border x:Name="OuterContainer">
                    <VisualStateManager.VisualStateGroups>
                        <!-- Dragging-related VisualStates of the ListViewItem control which use 
                             DragItemThemeAnimation and DropTargetItemThemeAnimation. -->
                        <VisualStateGroup x:Name="DragStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0:0:0.650" To="NotDragging"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="NotDragging"/>
                            <VisualState x:Name="Dragging">
                                <Storyboard>
                                    <DragItemThemeAnimation TargetName="InnerDragContent"/>
                                    <FadeOutThemeAnimation TargetName="SelectedCheckMarkOuter"/>
                                    <FadeOutThemeAnimation TargetName="SelectedBorder"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="DraggingTarget">
                                <Storyboard>
                                    <DropTargetItemThemeAnimation TargetName="OuterContainer"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="MultipleDraggingPrimary">
                                <Storyboard>
                                    <FadeInThemeAnimation TargetName="MultiArrangeOverlayBackground"/>
                                    <FadeInThemeAnimation TargetName="MultiArrangeOverlayText"/>
                                    <DragItemThemeAnimation TargetName="ContentBorder"/>
                                    <FadeOutThemeAnimation TargetName="SelectionBackground"/>
                                    <FadeOutThemeAnimation TargetName="SelectedCheckMarkOuter"/>
                                    <FadeOutThemeAnimation TargetName="SelectedBorder"/>
                                    <FadeOutThemeAnimation TargetName="PointerOverBorder"/>
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="MultipleDraggingSecondary">
                                <Storyboard>
                                    <FadeOutThemeAnimation TargetName="ContentContainer"/>
                                </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

DropTargetItemThemeAnimation() DropTargetItemThemeAnimation() DropTargetItemThemeAnimation() DropTargetItemThemeAnimation()

Initializes a new instance of the DropTargetItemThemeAnimation class.

public : DropTargetItemThemeAnimation()public DropTargetItemThemeAnimation()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.
<DropTargetItemThemeAnimation 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.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the TargetName dependency property.

See Also

See Also