ตัวควบคุมภาพเคลื่อนไหวจะควบคุมการเล่นภาพเคลื่อนไหวบนหน้าปัด
วากยสัมพันธ์
<AnimationController play="TAP | ON_VISIBLE | ON_NEXT_SECOND | ON_NEXT_MINUTE | ON_NEXT_HOUR" delayPlay="float" delayRepeat="float repeat="boolean" loopCount="integer" resumePlayBack="boolean" beforePlaying="string" afterPlaying="string" />
แอตทริบิวต์
องค์ประกอบ AnimationController
มีแอตทริบิวต์ต่อไปนี้
แอตทริบิวต์ที่จำเป็น
คุณต้องระบุแอตทริบิวต์ต่อไปนี้
play
ประเภททริกเกอร์เหตุการณ์ซึ่งกำหนดเวลาเล่นภาพเคลื่อนไหว เป็นไปได้ มีดังนี้
TAP
: ภาพเคลื่อนไหวจะเล่นเมื่อผู้ใช้แตะองค์ประกอบON_VISIBLE
: ภาพเคลื่อนไหวจะเล่นเมื่อองค์ประกอบปรากฏขึ้นถัดไปON_NEXT_SECOND
: ภาพเคลื่อนไหวจะเล่นเมื่อวินาทีถัดไปเริ่มต้นขึ้นON_NEXT_MINUTE
: ภาพเคลื่อนไหวจะเล่นเมื่อนาทีถัดไปเริ่มต้นขึ้นON_NEXT_HOUR
: ภาพเคลื่อนไหวจะเล่นเมื่อชั่วโมงถัดไปเริ่มต้นขึ้น
แอตทริบิวต์ที่ไม่บังคับ
แอตทริบิวต์ต่อไปนี้จะมีหรือไม่ก็ได้
delayPlay
- การหน่วงเวลาในหน่วยวินาทีก่อนที่ภาพเคลื่อนไหวจะเล่น ค่าเริ่มต้นคือ 0
delayRepeat
- การหน่วงเวลาเป็นวินาทีก่อนที่ภาพเคลื่อนไหวจะเล่นซ้ำ ค่าเริ่มต้นคือ 0
repeat
- หากต้องการเล่นภาพเคลื่อนไหวซ้ำเมื่อจบแล้ว ก็สามารถเล่นไปเรื่อยๆ
ค่าเริ่มต้นคือ
FALSE
loopCount
- จำนวนครั้งที่จะแสดงภาพเคลื่อนไหวซ้ำก่อนจะหยุด หากตั้งค่า
repeat
เป็นTRUE
จะมีความสำคัญสูงกว่าและระบบจะไม่สนใจค่านี้ ค่าเริ่มต้นคือ 1 resumePlayBack
- ภาพเคลื่อนไหวจะหยุดชั่วคราวเมื่อมองไม่เห็นหน้าปัด หาก
resumePlayBack
TRUE
ภาพเคลื่อนไหวจะต่อเนื่องจากเฟรมเดียวกันที่แสดงเมื่อ ก่อนหน้านี้มองไม่เห็นหน้าปัด หากตั้งค่าresumePlayBack
เป็นFALSE
ภาพเคลื่อนไหวจะเริ่มต้นใหม่ตั้งแต่ต้นเมื่อมองเห็นหน้าปัด อีกครั้ง ค่าเริ่มต้นคือFALSE
beforePlaying
,afterPlaying
กำหนดสถานะขององค์ประกอบภาพเคลื่อนไหวก่อนที่จะเล่นได้ หรือหลังจาก เสร็จสิ้นแล้ว แอตทริบิวต์เหล่านี้สามารถกำหนดค่าได้ดังต่อไปนี้
DO_NOTHING
ทำให้สถานะที่แสดงผลขององค์ประกอบไม่เปลี่ยนแปลงFIRST_FRAME
แก้ไขการแสดงผลองค์ประกอบเป็นเฟรมแรกของ ภาพเคลื่อนไหวTHUMBNAIL
แก้ไขการแสดงผลองค์ประกอบสำหรับทรัพยากรของภาพขนาดย่อ จากทรัพยากรภาพเคลื่อนไหวHIDE
ซ่อนภาพเคลื่อนไหว
แอตทริบิวต์ทั้ง 2 รายการมีค่าเริ่มต้นเป็น DO_NOTHING
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- ภาพเคลื่อนไหว
- รูปภาพ
- รูปภาพ