ConnectedAnimationService Clase

Definición

Espacio de nombres:

Microsoft.UI.Xaml.Media.Animation

Representa un servicio que proporciona propiedades y métodos para mostrar una ConnectedAnimation.

public ref class ConnectedAnimationService sealed

/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.WinUIContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
class ConnectedAnimationService final

[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.WinUIContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
public sealed class ConnectedAnimationService

Public NotInheritable Class ConnectedAnimationService

Herencia

Object Platform::Object IInspectable ConnectedAnimationService

Atributos

ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Ejemplos

Sugerencia

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

Abra la aplicación Galería de WinUI 3 y vea ConnectedAnimation en acción.

La aplicación WinUI 3 Gallery incluye ejemplos interactivos de la mayoría de los controles, las características y la funcionalidad de WinUI 3. Obtenga la aplicación en Microsoft Store u obtenga el código fuente en GitHub.

En este ejemplo se muestra cómo animar una imagen entre dos páginas durante una navegación.

SourcePage.xaml/SourcePage.xaml.cs

<Image x:Name="SourceImage"
       Width="200"
       Height="200"
       Stretch="Fill"
       Source="Assets/StoreLogo.png" />

private void NavigateToDestinationPage()
{
    ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("image", SourceImage);
    Frame.Navigate(typeof(DestinationPage));
}

DestinationPage.xaml/DestinationPage.xaml.cs

<Image x:Name="DestinationImage"
       Width="400"
       Height="400"
       Stretch="Fill"
       Source="Assets/StoreLogo.png" />

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);

    ConnectedAnimation imageAnimation = 
        ConnectedAnimationService.GetForCurrentView().GetAnimation("image");
    if (imageAnimation != null)
    {
        imageAnimation.TryStart(DestinationImage);
    }
}

Comentarios

Para obtener una instancia de ConnectedAnimationService, llame al método estático GetForCurrentView .

Cuando se llama a PrepareToAnimate, se proporciona una clave para asociar con la ConnectedAnimation recién creada devuelta por el método . Más adelante puedes usar esta clave para recuperar la misma animación llamando a GetAnimation. Esto le permite conectar la animación entre dos páginas diferentes sin tener que pasar manualmente la referencia al objeto ConnectedAnimation entre páginas.

Consulte el ejemplo de animación conectada para obtener un ejemplo completo de ConnectedAnimationService.

Propiedades

DefaultDuration	Obtiene o establece la hora predeterminada en que se ejecuta la animación.
DefaultEasingFunction	Obtiene o establece la función CompositionEasingFunction predeterminada usada por la animación.

Métodos

GetAnimation(String)	Devuelve la animación con la clave especificada.
GetForCurrentView()	Devuelve una instancia de ConnectedAnimationService para la vista actual.
PrepareToAnimate(String, UIElement)	Devuelve una animación conectada asociada con la clave y el elemento de origen especificados.

Consulte también

• Introducción a la animación conectada