ConnectedAnimationService Klasse

Referenz

Definition

Namespace:: Windows.UI.Xaml.Media.Animation

Wichtig

Einige Informationen beziehen sich auf Vorabversionen, die vor dem Release ggf. grundlegend überarbeitet werden. Microsoft übernimmt hinsichtlich der hier bereitgestellten Informationen keine Gewährleistungen, seien sie ausdrücklich oder konkludent.

Bearbeiten

Stellt einen Dienst dar, der Eigenschaften und Methoden zum Anzeigen einer ConnectedAnimation bereitstellt.

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

Vererbung: Object Platform::Object IInspectable ConnectedAnimationService

Attribute: ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Windows-Anforderungen

Gerätefamilie	Windows 10 Anniversary Edition (eingeführt in 10.0.14393.0)
API contract	Windows.Foundation.UniversalApiContract (eingeführt in v3.0)

Beispiele

Tipp

Weitere Informationen, Entwurfsanleitungen und Codebeispiele finden Sie unter Verbundene Animation.

Wenn Sie die WinUI 2-Katalog-App installiert haben, klicken Sie hier, um die App zu öffnen und verbundene Animation in Aktion zu sehen.

In diesem Beispiel wird gezeigt, wie Sie während einer Navigation ein Bild zwischen zwei Seiten animieren.

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);
    }
}

Hinweise

Um eine instance von ConnectedAnimationService abzurufen, rufen Sie die statische GetForCurrentView-Methode auf.

Wenn Sie PrepareToAnimate aufrufen, geben Sie einen Schlüssel an, der der neu erstellten ConnectedAnimation zugeordnet werden soll, die von der -Methode zurückgegeben wird. Sie können diesen Schlüssel später verwenden, um dieselbe Animation abzurufen, indem Sie GetAnimation aufrufen. Dadurch können Sie die Animation zwischen zwei verschiedenen Seiten verbinden, ohne den Verweis auf das ConnectedAnimation-Objekt manuell zwischen Seiten übergeben zu müssen.

Ein vollständiges Beispiel für ConnectedAnimationService finden Sie im Beispiel für verbundene Animationen .

Eigenschaften

DefaultDuration	Ruft die Standardzeit ab, zu der die Animation ausgeführt wird, oder legt diese fest.
DefaultEasingFunction	Ruft die von der Animation verwendete CompositionEasingFunction-Standardfunktion ab oder legt diese fest.

Methoden

GetAnimation(String)	Gibt die Animation mit dem angegebenen Schlüssel zurück.
GetForCurrentView()	Gibt einen instance von ConnectedAnimationService für die aktuelle Ansicht zurück.
PrepareToAnimate(String, UIElement)	Gibt eine verbundene Animation zurück, die dem angegebenen Schlüssel und dem angegebenen Quellelement zugeordnet ist.

Gilt für:

Weitere Informationen

Übersicht über verbundene Animationen

Freigeben über