Border.ChildTransitions Property

Definition

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

public:
 property TransitionCollection ^ ChildTransitions { TransitionCollection ^ get(); void set(TransitionCollection ^ value); };
TransitionCollection ChildTransitions();

void ChildTransitions(TransitionCollection value);
public TransitionCollection ChildTransitions { get; set; }
var transitionCollection = border.childTransitions;
border.childTransitions = transitionCollection;
Public Property ChildTransitions As TransitionCollection
<Border>
  <Border.ChildTransitions>
    <TransitionCollection>
      oneOrMoreTransitions
    </TransitionCollection>
  </Border.ChildTransitions>
</Border>

Property Value

The strongly typed collection of Transition style elements.

Remarks

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.

Transition animations play a particular role in the 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 ChildTransitions property directly on a Border 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 Setter of a Style to specify the ChildTransitions property. Styles are typically stored as a XAML resource.

Applies to

See also