ContentControl.ContentTransitions Property


Gets or sets the collection of Transition style elements that apply to the content of a ContentControl.

 property TransitionCollection ^ ContentTransitions { TransitionCollection ^ get(); void set(TransitionCollection ^ value); };
TransitionCollection ContentTransitions();

void ContentTransitions(TransitionCollection value);
public TransitionCollection ContentTransitions { get; set; }
var transitionCollection = contentControl.contentTransitions;
contentControl.contentTransitions = transitionCollection;
Public Property ContentTransitions As TransitionCollection

Property Value


The strongly typed collection of Transition style elements.



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.

Transition animations play a particular role in UI design of your app. The basic idea is that when there is a change or transition, the animation draws the attention of the user to the change.

It's not common to set the value of the ContentTransitionsproperty directly on a ContentControltype that is a direct element of app UI. It's more common to have a transitions collection be a part of a visual state, template or style. In this case you use mechanisms such as Setterof a Styleto specify the ContentTransitionsproperty. Styles are typically stored as a XAML resource.

Applies to