สร้างรูปภาพเคลื่อนไหว

นอกจากรูปภาพนิ่งบนหน้าปัดแล้ว ภาพเคลื่อนไหวยังช่วยเพิ่มมิติให้กับประสบการณ์การใช้งานของผู้ใช้

โปรดทราบว่าส่วนนี้เกี่ยวข้องกับการใช้ไฟล์ภาพเคลื่อนไหวโดยเฉพาะ คุณสร้างภาพเคลื่อนไหวของคอมโพเนนต์ในหน้าปัดได้โดยใช้องค์ประกอบ Transform ซึ่งจะอธิบายไว้ในหน้าการเปลี่ยนลักษณะที่ปรากฏขององค์ประกอบแบบไดนามิก

ภาพเคลื่อนไหวอาจประกอบด้วยไฟล์ภาพเคลื่อนไหว เช่น GIF แบบเคลื่อนไหว หรือชุด Images ที่รวมกันเพื่อสร้างภาพเคลื่อนไหว

นอกจากการระบุไฟล์ที่จะใช้แล้ว คุณจะต้องกำหนดลักษณะการทำงานของภาพเคลื่อนไหว เช่น การเล่นซ้ำแบบวนหรือไม่ และหากไม่เล่นซ้ำ จะให้ทำอย่างไรเมื่อสิ้นสุดลง และตัวเลือกอื่นๆ ในกรณีนี้ ให้ใช้ AnimationController

สุดท้าย ให้ใส่ภาพขนาดย่อในภาพเคลื่อนไหวทั้งหมด

เมื่อนำข้อมูลทั้งหมดมารวมกัน คุณจะใช้ภาพเคลื่อนไหวพื้นฐานได้โดยทำดังนี้

<PartAnimatedImage x="0" y="0" width="450" height="450">
  <AnimationController play="ON_VISIBLE"/>
  <AnimatedImage resource="my_animation" format="AGIF"/>
  <Thumbnail resource="my_animation_thumbnail" />
</PartAnimatedImage>

โปรดดูรายละเอียดเพิ่มเติมเกี่ยวกับการใส่รายการภาพเคลื่อนไหวและการสร้างภาพเคลื่อนไหวจากภาพนิ่งในข้อมูลอ้างอิง PartAnimatedImage