ConnectedAnimationService Kelas

Referensi

Definisi

Ruang nama:: Microsoft.UI.Xaml.Media.Animation

Penting

Beberapa informasi terkait produk prarilis yang dapat diubah secara signifikan sebelum dirilis. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.

Edit

Mewakili layanan yang menyediakan properti dan metode untuk menampilkan 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

Warisan: Object Platform::Object IInspectable ConnectedAnimationService

Atribut: ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Contoh

Tip

Untuk informasi selengkapnya, panduan desain, dan contoh kode, lihat Animasi tersambung.

Buka aplikasi Galeri WinUI 3 dan lihat ConnectedAnimation beraksi.

Aplikasi WinUI 3 Gallery mencakup contoh interaktif sebagian besar kontrol, fitur, dan fungsi WinUI 3. Dapatkan aplikasi dari Microsoft Store atau dapatkan kode sumber di GitHub.

Contoh ini memperlihatkan cara menganimasikan gambar di antara dua halaman selama navigasi.

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

Keterangan

Untuk mendapatkan instans ConnectedAnimationService, panggil metode GetForCurrentView statis.

Saat Anda memanggil PrepareToAnimate, Anda menyediakan kunci untuk dikaitkan dengan ConnectedAnimation yang baru dibuat yang dikembalikan oleh metode . Anda nantinya dapat menggunakan kunci ini untuk mengambil animasi yang sama dengan memanggil GetAnimation. Ini memungkinkan Anda menyambungkan animasi antara dua halaman yang berbeda tanpa harus meneruskan referensi secara manual ke objek ConnectedAnimation antar halaman.

Lihat Sampel animasi tersambung untuk contoh lengkap ConnectedAnimationService.

Properti

DefaultDuration	Mendapatkan atau mengatur waktu default yang dijalankan animasi.
DefaultEasingFunction	Mendapatkan atau mengatur KomposisiEasingFunction default yang digunakan oleh animasi.

Metode

GetAnimation(String)	Mengembalikan animasi dengan kunci yang ditentukan.
GetForCurrentView()	Mengembalikan instans ConnectedAnimationService untuk tampilan saat ini.
PrepareToAnimate(String, UIElement)	Mengembalikan animasi tersambung yang terkait dengan kunci dan elemen sumber yang ditentukan.

Berlaku untuk

Lihat juga

Gambaran umum animasi tersambung

Bagikan melalui