UIElement.Transitions Свойство

Определение

Пространство имен:

Windows.UI.Xaml

Возвращает или задает коллекцию элементов стиля Перехода , которые применяются к UIElement.

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>

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

TransitionCollection

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

Примеры

Совет

Дополнительные сведения, рекомендации по проектированию и примеры кода см. в разделе Перемещение.

Если у вас установлено приложение коллекции WinUI 2 , щелкните здесь, чтобы открыть приложение и увидеть неявные переходы и переходы тем в действии .

• Получить приложение из коллекции WinUI 2 в Microsoft Store
• Получить исходный код (GitHub)

В этом примере XAML показан один объект EntranceThemeTransition , определенный в стиле для кнопки. Свойства анимации перехода обычно задаются в стилях и шаблонах, а не как свойства непосредственно в определении пользовательского интерфейса. Стили обычно хранятся в виде ресурса 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>

Комментарии

Примечание

До Windows 10, версия 1809 (пакет SDK 17763) синтаксис XAML для свойств со значением TransitionCollection требует объявления явного объектного элемента TransitionCollection в качестве значения, а затем предоставления объектных элементов в качестве дочерних элементов TransitionCollection для каждой анимации перехода, которую вы хотите использовать. В Windows 10, версия 1809 (пакет SDK 17763) или более поздней версии TransitionCollection поддерживает неявное использование коллекции, поэтому элемент объекта коллекции можно опустить. Дополнительные сведения о неявных коллекциях и XAML см. в руководстве по синтаксису XAML.

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

• AddDeleteThemeTransition
• ContentThemeTransition
• EdgeUIThemeTransition
• EntranceThemeTransition
• PopupThemeTransition
• ReorderThemeTransition
• RepositionThemeTransition

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

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

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

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

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

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