UIElement.Transitions Свойство

Определение

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

Microsoft.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 3 и просмотрите переходы в действии.

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

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