UIElement.Transitions Свойство

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

TransitionCollection Transitions();

void Transitions(TransitionCollection value);

public TransitionCollection Transitions { get; set; }

var transitionCollection = uIElement.transitions;
uIElement.transitions = transitionCollection;

Public Property Transitions As TransitionCollection

<uielement>
  <uielement.Transitions>
    <TransitionCollection>
      oneOrMoreTransitions
    </TransitionCollection>
  </uielement.Transitions>
</uielement>

Значение свойства

Строго типизированная коллекция элементов стиля перехода , применяемых к UIElement.

Примеры

Приложение Галерея WinUI 3 включает интерактивные примеры большинства элементов управления, особенностей и возможностей WinUI 3. Получите приложение из Microsoft Store или получите исходный код в GitHub.

В следующем примере XAML показан единый входThemeTransition , определенный в стилекнопки. Свойства анимации перехода обычно задаются в стилях и шаблонах, а не в качестве свойств непосредственно в определении пользовательского интерфейса. Стили обычно хранятся как ресурс XAML.

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
    <Grid.Resources>
        <Style x:Key="DefaultButtonStyle" TargetType="Button">
            <Setter Property="Transitions">
                <Setter.Value>
                    <TransitionCollection>
                        <EntranceThemeTransition/>
                    </TransitionCollection>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>

    <Button Style="{StaticResource DefaultButtonStyle}" 
            Content="EntranceThemeTransition style applied" />

</Grid>

Комментарии

Это краткий список некоторых возможных типов для переходов:

• AddDeleteThemeTransition
• ContentThemeTransition
• EdgeUIThemeTransition
• ВходThemeTransition
• PopupThemeTransition
• ReorderThemeTransition
• RepositionThemeTransition

Определенные классы, производные от UIElement , иногда имеют собственные свойства, которые содержат другие типы переходов для сценариев, относящихся к классам. Например, Popup.ChildTransitions и ItemsControl.ItemContainerTransitions.

Анимации перехода играют определенную роль в дизайне пользовательского интерфейса приложения. Основная идея заключается в том, что при изменении или переходе анимация привлекает внимание пользователя к изменению.

Не обычно задать значение Transitions свойства непосредственно в UIElement , который является прямым элементом пользовательского интерфейса приложения. Чаще всего коллекция переходов является частью визуального состояния, шаблона или стиля. В этом случае вы используете такие механизмы, как Setter of a Style , чтобы указать Transitions свойство, и задать значение с помощью определенного XAML содержимого, которое обычно хранится в качестве ресурса XAML.

VisualTransition не является одним из типов, которые вы помещаете в коллекцию UIElement.Transitions . VisualTransition предназначен специально для анимации в группах визуальных состояний и используется свойством VisualStateGroup.Transitions .

См. также раздел

• TransitionCollection
• Анимированные раскадровки