Lottie Windows

Lottie-windows

Lottie-Windows adalah perpustakaan untuk membuat animasi After Effects secara asli dalam aplikasi Anda. Proyek ini menambahkan Windows ke keluarga Lottie Family of Tools juga menargetkan Android, iOS, dan Web.

Lottie menyederhanakan alur kerja desain-ke-kode untuk membawa animasi vektor interaktif yang menarik ke aplikasi Windows Anda, dengan peningkatan yang signifikan dalam hal kinerja, kualitas, dan efisiensi teknik dibandingkan pendekatan tradisional seperti GIF, animasi yang dikodekan secara manual, dll. Lottie-windows menggunakan windows.ui.

Lottie-Windows terdiri dari 3 produk terkait:

• Perpustakaan Lottie-Windows untuk Parsing dan Menerjemahkan File BodyMovin JSON
• Alat baris perintah lottiegen untuk menghasilkan kode C# atau C ++ yang akan digunakan alih-alih JSON
• Lottie Viewer Application untuk Pratinjau JSON dan juga menghasilkan kode

Repo ini juga berisi kode sumber untuk sampel .

Awal yang cepat

Ada dua opsi untuk mengintegrasikan animasi Lottie ke dalam proyek Winui 3 atau UWP Anda.

Opsi #1, menggunakan Loader Dinamis

1. Instal Paket CommunityToolkit.WinUI.Lottie Nuget untuk Proyek Winui (atau CommunityToolkit.Uwp.Lottie untuk proyek UWP).
2. Jika Anda menggunakan C#, Anda mungkin juga perlu menginstal Microsoft.Graphics.Win2D (versi 1.0.5 atau di bawah) untuk proyek Winui (atau Win2D.uwp dan Microsoft.UI.Xaml untuk proyek UWP).
3. Di file .xaml markup Anda Tambah:

       ...
       xmlns:lottie="using:CommunityToolkit.WinUI.Lottie"
       ...
       < AnimatedVisualPlayer >
           < lottie : LottieVisualSource UriSource = " <asset path or web link to a json file> " />
       </ AnimatedVisualPlayer >

   atau untuk proyek UWP:

       ...
       xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
       xmlns:lottie="using:CommunityToolkit.Uwp.Lottie"
       ...
       < muxc : AnimatedVisualPlayer >
           < lottie : LottieVisualSource UriSource = " <asset path or web link to a json file> " />
       </ muxc : AnimatedVisualPlayer >

Opsi #2, menggunakan codegen (disarankan)

1. Instal Codegen Tool Menggunakan dotnet tool install lottiegen di PowerShell
2. Jalankan alat codegen lottiegen -InputFile MyAnimation.json -Language cs -WinUIVersion 3
   • Untuk proyek UWP, gunakan -WinUIVersion 2.X tergantung pada versi Microsoft.UI.Xaml
   • Pilihan Bahasa Lainnya: cppwinrt dan cppcx
3. Tambahkan file sumber yang dihasilkan ke proyek
4. Instal Paket dari Langkah 2 Opsi #1 jika diperlukan.
5. Di file .xaml markup Anda Tambah:

       ...
       xmlns:animatedvisuals="using:AnimatedVisuals"
       ...
       < AnimatedVisualPlayer >
           < animatedvisuals : MyAnimation />
       </ AnimatedVisualPlayer >

   atau untuk proyek UWP:

       ...
       xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
       xmlns:animatedvisuals="using:AnimatedVisuals"
       ...
       < muxc : AnimatedVisualPlayer >
           < animatedvisuals : MyAnimation />
       </ muxc : AnimatedVisualPlayer >

SDK yang didukung

• Pembaruan Mei 2019 (18362) dan nanti

Dokumentasi

• Dokumentasi dan tutorial
• Sampel Lottie
• Penampil Lottie

Bangun status

Kemasan	Cabang	Status	Versi Nuget Terbaru
Communitytoolkit.winui.lottie	utama
Communitytoolkit.uwp.lottie	utama
Lottiegen	utama

Umpan balik dan permintaan

Harap gunakan masalah github untuk laporan bug dan permintaan fitur.

Prinsip

Proyek ini telah mengadopsi Kode Etik yang ditentukan oleh Kontributor Perjanjian untuk mengklarifikasi perilaku yang diharapkan di komunitas kami. Untuk informasi lebih lanjut, lihat Kode Etik .NET Foundation.

.NET Foundation

Proyek ini didukung oleh .NET Foundation.