Lottie Windows

Lottie-Windows

Lottie-Windows เป็นห้องสมุดสำหรับการแสดงผล Adobe After Effects Animations ในแอปพลิเคชันของคุณ โครงการนี้เพิ่ม Windows ให้กับตระกูล Lottie ของเครื่องมือและการกำหนดเป้าหมาย Android, iOS และเว็บ

Lottie ช่วยลดความซับซ้อนของเวิร์กโฟลว์การออกแบบไปยังรหัสเพื่อนำแอนิเมชั่นเวกเตอร์แบบโต้ตอบที่มีส่วนร่วมไปยังแอพพลิเคชั่น Windows ของคุณด้วยการปรับปรุงที่สำคัญในแง่ของประสิทธิภาพคุณภาพและประสิทธิภาพทางวิศวกรรมเหนือวิธีการแบบดั้งเดิมเช่น GIFs ภาพเคลื่อนไหวรหัสด้วยตนเอง ฯลฯ Lottie-Windows ใช้ Windows.ui

Lottie-Windows ประกอบด้วย 3 ผลิตภัณฑ์ที่เกี่ยวข้อง:

• Lottie-Windows Library สำหรับการแยกวิเคราะห์และแปลไฟล์ bodymovin json
• เครื่องมือบรรทัดคำสั่ง LOTTIEGEN สำหรับการสร้างรหัส C# หรือ C ++ ที่จะใช้แทน JSON
• แอปพลิเคชัน Lottie Viewer สำหรับการดูตัวอย่าง JSON และสร้างรหัส

repo นี้ยังมีซอร์สโค้ดสำหรับ ตัวอย่าง

เริ่มต้นอย่างรวดเร็ว

มี สอง ตัวเลือกในการรวมแอนิเมชั่นลอตตี้เข้ากับโครงการ Winui 3 หรือ UWP ของคุณ

ตัวเลือก #1 โดยใช้ตัวโหลดแบบไดนามิก

1. ติดตั้งแพ็คเกจ CommunityToolkit.WinUI.Lottie Nuget สำหรับโครงการ Winui (หรือ CommunityToolkit.Uwp.Lottie สำหรับโครงการ UWP)
2. หากคุณใช้ C# คุณอาจต้องติดตั้ง Microsoft.Graphics.Win2D (เวอร์ชัน 1.0.5 หรือต่ำกว่า) สำหรับโครงการ Winui (หรือ Win2D.uwp และ Microsoft.UI.Xaml สำหรับโครงการ UWP)
3. ในไฟล์มาร์กอัป .xaml ของคุณเพิ่ม:

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

   หรือสำหรับโครงการ 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 >

ตัวเลือก #2 โดยใช้ codegen (แนะนำ)

1. ติดตั้งเครื่องมือ codegen โดยใช้ dotnet tool install lottiegen ใน PowerShell
2. เรียกใช้เครื่องมือ codegen lottiegen -InputFile MyAnimation.json -Language cs -WinUIVersion 3
   • สำหรับโครงการ UWP ใช้ -WinUIVersion 2.X ขึ้นอยู่กับรุ่นของ Microsoft.UI.Xaml
   • ตัวเลือกภาษาอื่น ๆ : cppwinrt และ cppcx
3. เพิ่มไฟล์ต้นฉบับที่สร้างขึ้นในโครงการ
4. ติดตั้งแพ็คเกจจากขั้นตอนที่ 2 ของตัวเลือก #1 หากจำเป็น
5. ในไฟล์มาร์กอัป .xaml ของคุณเพิ่ม:

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

   หรือสำหรับโครงการ UWP:

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

รองรับ SDKS

• พฤษภาคม 2019 อัปเดต (18362) และภายหลัง

เอกสาร

• เอกสารและบทช่วยสอน
• ตัวอย่างลอตตี้
• Lottie Viewer

สร้างสถานะ

บรรจุุภัณฑ์	สาขา	สถานะ	เวอร์ชัน NuGet ล่าสุด
CommunityToolkit.winui.lottie	หลัก
Communitytoolkit.uwp.lottie	หลัก
Lottiegen	หลัก

ข้อเสนอแนะและคำขอ

โปรดใช้ปัญหา GitHub สำหรับรายงานข้อผิดพลาดและคำขอคุณสมบัติ

หลักการ

โครงการนี้ได้นำจรรยาบรรณที่กำหนดโดยพันธสัญญาผู้สนับสนุนเพื่อชี้แจงพฤติกรรมที่คาดหวังในชุมชนของเรา สำหรับข้อมูลเพิ่มเติมโปรดดูจรรยาบรรณ. NET

มูลนิธิ. NET

โครงการนี้ได้รับการสนับสนุนโดย. NET Foundation