ย้ายมุมมองโดยใช้ภาพเคลื่อนไหวแบบสะบัด

ลองใช้วิธีการเขียน

Jetpack Compose เป็นชุดเครื่องมือ UI ที่แนะนำสำหรับ Android ดูวิธีใช้ภาพเคลื่อนไหวใน Compose

Spring AnimationSpec →

ภาพเคลื่อนไหวแบบเหวี่ยงใช้แรงเสียดทานซึ่งสัมพันธ์กับความเร็วของวัตถุ ใช้เพื่อทำให้พร็อพเพอร์ตี้ของออบเจ็กต์เคลื่อนไหวและเพื่อจบภาพเคลื่อนไหวอย่างช้าๆ โดยจะมีแรงกระตุ้นเริ่มต้นซึ่งส่วนใหญ่ได้รับจากความเร็วของท่าทางสัมผัส และค่อยๆ ช้าลง ภาพเคลื่อนไหวจะสิ้นสุดลงเมื่อความเร็วของภาพเคลื่อนไหวต่ำพอที่จะไม่ทำให้เกิดการเปลี่ยนแปลงที่มองเห็นได้บนหน้าจออุปกรณ์

รูปที่ 1 ภาพเคลื่อนไหวของการตวัด

อ่านคู่มือต่อไปนี้เพื่อดูข้อมูลเกี่ยวกับหัวข้อที่เกี่ยวข้อง

• การเคลื่อนไหวตามหลักการทางฟิสิกส์
• สร้างภาพเคลื่อนไหวของการเคลื่อนไหวโดยใช้สปริงฟิสิกส์

เพิ่มไลบรารี AndroidX

หากต้องการใช้ภาพเคลื่อนไหวตามฟิสิกส์ คุณต้องเพิ่มไลบรารี AndroidX ลงในโปรเจ็กต์ ดังนี้

1. เปิดไฟล์ build.gradle ของโมดูลแอป
2. เพิ่มไลบรารี AndroidX ลงในส่วน dependencies

   Groovy

           dependencies {
               implementation 'androidx.dynamicanimation:dynamicanimation:1.0.0'
           }
           

   Kotlin

           dependencies {
               implementation("androidx.dynamicanimation:dynamicanimation:1.0.0")
           }
           

สร้างภาพเคลื่อนไหวแบบสะบัด

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

Kotlin

val fling = FlingAnimation(view, DynamicAnimation.SCROLL_X)

Java

FlingAnimation fling = new FlingAnimation(view, DynamicAnimation.SCROLL_X);

ตั้งค่าความเร็ว

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

คุณสามารถใช้ค่าคงที่เป็นความเร็วเริ่มต้น หรือจะอิงตามความเร็วของการสัมผัสก็ได้ หากเลือกระบุค่าคงที่ คุณควรกําหนดค่าเป็น dp ต่อวินาที แล้วแปลงเป็นพิกเซลต่อวินาที การกําหนดค่าเป็น dp ต่อวินาทีจะช่วยให้อัตราความเร็ว โดยไม่ขึ้นอยู่กับความหนาแน่นและรูปแบบของอุปกรณ์ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ การแปลงความเร็วเริ่มต้นเป็นพิกเซลต่อวินาทีได้ที่ กำลังแปลง dp ต่อวินาทีถึงพิกเซลต่อวินาทีใน Spring Animation

หากต้องการตั้งค่าความเร็ว ให้เรียกใช้เมธอด setStartVelocity() และส่งค่าความเร็วเป็นพิกเซลต่อวินาที เมธอดจะแสดงผลออบเจ็กต์ Fling ที่มีการตั้งค่าความเร็ว

หมายเหตุ: ใช้คลาส GestureDetector.OnGestureListener และ VelocityTracker เพื่อดึงข้อมูลและคำนวณความเร็วของท่าทางสัมผัสตามลำดับ

กำหนดช่วงค่าของภาพเคลื่อนไหว

คุณตั้งค่าขั้นต่ำและสูงสุดของภาพเคลื่อนไหวได้เมื่อต้องการจำกัดค่าพร็อพเพอร์ตี้ให้อยู่ในช่วงที่ต้องการ การควบคุมช่วงนี้คือ มีประโยชน์อย่างยิ่งเมื่อคุณสร้างการเคลื่อนไหวให้กับคุณสมบัติที่มีลักษณะเฉพาะ เช่น อัลฟา (จาก 0 ถึง 1)

หมายเหตุ: เมื่อค่าของภาพเคลื่อนไหวแบบฟลิงถึงค่าต่ำสุดหรือสูงสุด ภาพเคลื่อนไหวจะสิ้นสุดลง

หากต้องการตั้งค่าต่ำสุดและสูงสุด ให้เรียกใช้ setMinValue() และ setMaxValue() เมธอดตามลำดับ ทั้ง 2 วิธีจะแสดงออบเจ็กต์ภาพเคลื่อนไหวที่คุณกำหนดค่าไว้

ตั้งค่าแรงเสียดทาน

เมธอด setFriction() ช่วยให้คุณเปลี่ยนภาพเคลื่อนไหว อุปสรรค ซึ่งระบุความเร็วที่ความเร็วลดลงในภาพเคลื่อนไหว

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

เมธอดจะแสดงผลออบเจ็กต์ที่มีภาพเคลื่อนไหวซึ่งใช้ค่าแรงเสียดทานที่คุณระบุ

โค้ดตัวอย่าง

ตัวอย่างด้านล่างแสดงการสะบัดแนวนอน ความเร็วที่บันทึกจากเครื่องมือติดตามความเร็วคือ velocityX และขอบเขตการเลื่อนได้รับการตั้งค่าเป็น 0 และ maxScroll ความติดขัดตั้งค่าไว้ที่ 1.1

Kotlin

FlingAnimation(view, DynamicAnimation.SCROLL_X).apply {
    setStartVelocity(-velocityX)
    setMinValue(0f)
    setMaxValue(maxScroll)
    friction = 1.1f
    start()
}

Java

FlingAnimation fling = new FlingAnimation(view, DynamicAnimation.SCROLL_X);
fling.setStartVelocity(-velocityX)
        .setMinValue(0)
        .setMaxValue(maxScroll)
        .setFriction(1.1f)
        .start();

ตั้งค่าการเปลี่ยนแปลงขั้นต่ำที่มองเห็นได้

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

ไม่จำเป็นต้องเรียกใช้วิธีนี้เมื่อทำให้ภาพเคลื่อนไหว DynamicAnimation.ViewProperty เนื่องจาก การเปลี่ยนแปลงต่ำสุดที่มองเห็นได้จะมาจากพร็อพเพอร์ตี้ เช่น

• ค่าการเปลี่ยนแปลงขั้นต่ำที่มองเห็นได้โดยค่าเริ่มต้นคือ 1 พิกเซลสำหรับการดู ที่พัก เช่น TRANSLATION_X, TRANSLATION_Y TRANSLATION_Z, SCROLL_X และ SCROLL_Y
• สำหรับภาพเคลื่อนไหวที่ใช้การหมุน เช่น ROTATION ROTATION_X และ ROTATION_Y มูลค่าต่ำสุดที่มองเห็นได้ เปลี่ยนเป็น MIN_VISIBLE_CHANGE_ROTATION_DEGREES หรือ 1/10 พิกเซล
• สำหรับภาพเคลื่อนไหวที่ใช้ความทึบแสง การเปลี่ยนแปลงที่มองเห็นได้ขั้นต่ำคือ MIN_VISIBLE_CHANGE_ALPHA หรือ 1/256

หากต้องการตั้งค่าการเปลี่ยนแปลงที่มองเห็นได้ขั้นต่ำสำหรับภาพเคลื่อนไหว ให้เรียกใช้เมธอด setMinimumVisibleChange() แล้วส่งค่าคงที่ที่มองเห็นได้ขั้นต่ำรายการใดรายการหนึ่งหรือค่าที่คุณต้องคำนวณสำหรับพร็อพเพอร์ตี้ที่กำหนดเอง สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการคำนวณค่านี้ อ้างอิงถึง การคำนวณค่าการเปลี่ยนแปลงขั้นต่ำที่มองเห็นได้

Kotlin

anim.minimumVisibleChange = DynamicAnimation.MIN_VISIBLE_CHANGE_SCALE

Java

anim.setMinimumVisibleChange(DynamicAnimation.MIN_VISIBLE_CHANGE_SCALE);

หมายเหตุ: คุณต้องส่งค่าเมื่อทำให้ คุณสมบัติที่กำหนดเองซึ่งไม่ได้กำหนดไว้ในหน่วยพิกเซล

กำลังคำนวณค่าการเปลี่ยนแปลงต่ำสุดที่มองเห็นได้

หากต้องการคำนวณค่าการเปลี่ยนแปลงขั้นต่ำที่มองเห็นได้สำหรับพร็อพเพอร์ตี้ที่กำหนดเอง ให้ใช้เมธอด สูตรต่อไปนี้

การเปลี่ยนแปลงที่มองเห็นได้ขั้นต่ำ = ช่วงของค่าพร็อพเพอร์ตี้ที่กำหนดเอง / ช่วงของภาพเคลื่อนไหวในพิกเซล

เช่น พร็อพเพอร์ตี้ที่คุณต้องการแสดงภาพเคลื่อนไหวมีการเปลี่ยนแปลงจาก 0 เป็น 100 ซึ่งสอดคล้องกับการเปลี่ยนแปลงขนาด 200 พิกเซล ค่าต่ำสุดตามสูตร ค่าการเปลี่ยนแปลงที่มองเห็นได้คือ 100 / 200 เท่ากับ 0.5 พิกเซล