ConnectedAnimationService Clase

Definición

Espacio de nombres:

Windows.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(Windows.Foundation.UniversalApiContract, 196608)]
/// [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(Windows.Foundation.UniversalApiContract), 196608)]
[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

Requisitos de Windows

Familia de dispositivos	Windows 10 Anniversary Edition (se introdujo en la versión 10.0.14393.0)
API contract	Windows.Foundation.UniversalApiContract (se introdujo en la versión v3.0)

Ejemplos

Sugerencia

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

Si tienes instalada la aplicación WinUI 2 Gallery , haz clic aquí para abrir la aplicación y consulta Animación conectada en acción.

• Obtenga la aplicación WinUI 2 Gallery (Microsoft Store)
• Obtener el código fuente (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 llamas a PrepareToAnimate, proporcionas 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 te permite conectar la animación entre dos páginas diferentes sin tener que pasar manualmente la referencia al objeto ConnectedAnimation entre páginas.

Consulta 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 clase 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