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

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

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

ภาพเคลื่อนไหวอาจประกอบด้วยไฟล์ภาพเคลื่อนไหว เช่น GIF แบบเคลื่อนไหว หรือลำดับของ Images ซึ่งรวมกันเป็นภาพเคลื่อนไหว

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

สุดท้าย สำหรับภาพเคลื่อนไหวทั้งหมด ให้ใส่ภาพปก รูปภาพในภาพเคลื่อนไหวทั้งหมด

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

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

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