Windows.UI.Xaml.Media.Animation.Transition
July 6, 2022 ยท View on GitHub
-description
Represents a visual behavior that occurs for predefined actions or state changes. Specific theme transitions (various Transition derived classes) can be applied to individual elements using the UIElement.Transitions property, or applied for scenario-specific theme transition properties such as ContentControl.ContentTransitions.
-remarks
Transition derived classes
Transition is the parent class for several immediately derived classes that define library theme transitions. Here are some of the notable derived classes:
- AddDeleteThemeTransition
- ContentThemeTransition
- EdgeUIThemeTransition
- EntranceThemeTransition
- PaneThemeTransition
- PopupThemeTransition
- ReorderThemeTransition
- RepositionThemeTransition
For each of these classes, you typically define object elements. Most theme transitions don't have additional attributes, so you typically use a basic self-closing object element, for example <PopupThemeTransition />. These are used to populate a TransitionCollection property. Those properties include:
- Border.ChildTransitions
- ContentControl.ContentTransitions
- ContentPresenter.ContentTransitions
- ItemsControl.ItemContainerTransitions
- ItemsPresenter.FooterTransitions
- ItemsPresenter.HeaderTransitions
- ListViewBase.FooterTransitions
- ListViewBase.HeaderTransitions
- Panel.ChildrenTransitions
- Popup.ChildTransitions
- SettingsFlyoutTemplateSettings.ContentTransitions
- UIElement.Transitions
Not all transitions make sense for any given property. For example, PopupThemeTransition is really only useful for Popup.ChildTransitions. For more info on how to use the theme transitions, see Animations overview and topics linked from there, including the design guidelines topics.
Note
Prior to Windows 10, version 1809 (SDK 17763), the XAML syntax for properties that have a TransitionCollection value requires that you declare an explicit TransitionCollection object element as the value, and then provide object elements as child elements of TransitionCollection for each of the transition animations you want to use. In Windows 10, version 1809 (SDK 17763) or later, TransitionCollection supports the implicit collection usage, so you can omit the collection object element. For more info on implicit collections and XAML, see XAML syntax guide.
-examples
-see-also
DependencyObject, Animations overview, UIElement.Transitions