Animating swipe gestures (XAML)
The swipe hint animation (SwipeHintThemeAnimation) shows the user that the item supports the swipe interaction. When the user presses and holds an item that supports the swipe interaction, the animation moves the item down and then back up, as a hint that the item supports the swipe interaction. This animation is already included for ListView and GridView items, just use these controls for items display and the animations are included.
XAML doesn't have a swipe select animation, because selection is handled by different models such as selection modes of the controls and items. These each have their own visual metaphor that doesn't involve animation.
Use the swipe deselect animation when the user drags a currently selected item far enough to deselect it and then releases the item. The swipe deselect animation removes the selection indicator from the item and moves the item back to its rest position.
- ListViewItem and GridViewItem: Each defines visual states for selection hinting that include SwipeHintThemeAnimation to four distinct templated parts including a checkmark. SwipeBackThemeAnimation isn't used in the default control templates.
See Guidelines and checklist for swipe animations for design best practices in the use of these animations.
- Animating your UI
- Quickstart: Animating your UI using library animations