Compartir a través de


UIElement.Transitions Propiedad

Definición

Obtiene o establece la colección de elementos de estilo Transition que se aplican a un 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>

Valor de propiedad

Colección fuertemente tipada de elementos de estilo Transition que se aplican a un UIElement.

Ejemplos

Sugerencia

Para obtener más información, instrucciones de diseño y ejemplos de código, consulta Movimiento.

Si tienes instalada la aplicación Galería de WinUI 2 , haz clic aquí para abrir la aplicación y consulta Transiciones implícitas y Transiciones de tema en acción.

En este ejemplo XAML se muestra una única EntradaThemeTransition tal y como se define en un estilo para un botón. Normalmente, las propiedades de animación de transición se establecen en estilos y plantillas en lugar de como propiedades directamente en una definición de interfaz de usuario. Normalmente, los estilos se almacenan como un recurso 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>

Comentarios

Nota

Antes de Windows 10, versión 1809 (SDK 17763), la sintaxis XAML de las propiedades que tienen un valor TransitionCollection requiere que declares un elemento de objeto TransitionCollection explícito como valor y, a continuación, proporcione elementos de objeto como elementos secundarios de TransitionCollection para cada una de las animaciones de transición que quieras usar. En Windows 10, versión 1809 (SDK 17763) o posterior, TransitionCollection admite el uso de la colección implícita, por lo que puede omitir el elemento de objeto de colección. Para obtener más información sobre colecciones implícitas y XAML, consulta la guía de sintaxis XAML.

Esta es una breve lista de algunos de los posibles tipos para las transiciones:

Las clases específicas que derivan de UIElement a veces tienen sus propias propiedades que contienen otros tipos de transiciones para escenarios específicos de clase. Por ejemplo, Popup.ChildTransitions y ItemsControl.ItemContainerTransitions.

Las animaciones de transición desempeñan un papel particular en el diseño de la interfaz de usuario de la aplicación. La idea básica es que cuando hay un cambio o transición, la animación llama la atención del usuario al cambio.

No es habitual establecer el valor de la propiedad Transitions directamente en un UIElement que es un elemento directo de la interfaz de usuario de la aplicación. Es más habitual que una colección de transiciones forme parte de un estado visual, una plantilla o un estilo. En este caso, usas mecanismos como Establecedor de un estilo para especificar la propiedad Transitions y estableces el valor mediante contenido definido por XAML que normalmente se almacena como un recurso XAML.

VisualTransition no es uno de los tipos que se colocan en la colección UIElement.Transitions. VisualTransition es específicamente para animaciones en grupos de estados visuales y la propiedad VisualStateGroup.Transitions la usa.

Se aplica a

Consulte también