แหล่งข้อมูลเพิ่มเติมสำหรับแอนิเมชัน
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ลองใช้ Compose
Jetpack Compose เป็นชุดเครื่องมือ UI ที่แนะนำสำหรับ Android ดูวิธีใช้ภาพเคลื่อนไหวใน Compose
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเคลื่อนไหวได้จากแหล่งข้อมูลต่อไปนี้
วิดีโอ
ตัวอย่าง
มีตัวอย่างโค้ดมากมายในที่เก็บ GitHub ของตัวอย่างภาพเคลื่อนไหว Android
ซึ่งแสดงเทคนิคภาพเคลื่อนไหวที่เฉพาะเจาะจง ที่เก็บนี้มีโปรเจ็กต์ตัวอย่างแยกกันหลายรายการ ดังนี้
Project |
คำอธิบาย |
ActivitySceneTransitionBasic
|
แสดงวิธีใช้การเปลี่ยนฉากขององค์ประกอบที่แชร์จากActivity หนึ่งไปยังอีกActivity หนึ่ง
|
BasicTransition
|
แสดงวิธีใช้ไลบรารีทรานซิชัน
เพื่อสร้างทรานซิชันที่ราบรื่น
ระหว่างสถานะ UI |
CustomTransition
|
แสดงวิธีสร้างทรานซิชันที่กำหนดเองโดยใช้ไลบรารีทรานซิชัน |
DrawableAnimations
|
แสดงวิธีสร้าง
VectorDrawable แบบเคลื่อนไหว |
GridToPager
|
แสดงวิธีสร้างภาพเคลื่อนไหวขององค์ประกอบที่ใช้ร่วมกันจาก RecyclerView ไปยัง
ViewPager และกลับมาอีกครั้ง |
Interpolator
|
แสดงให้เห็นว่าตัวแทรกค่าต่างๆ
ส่งผลต่อไดนามิกของ
ภาพเคลื่อนไหวอย่างไร |
การเคลื่อนไหว
|
แสดงวิธีใช้การเคลื่อนไหวประเภทต่างๆ ของดีไซน์ Material กับเลย์เอาต์ รายการ และการนำทาง |
MotionCompose
|
แสดงวิธีใช้การเคลื่อนไหวของดีไซน์ Material ประเภทต่างๆ
สำหรับ Jetpack Compose |
OurStreets
|
แสดงภาพเคลื่อนไหวขององค์ประกอบที่แชร์
ทั่วทั้งแอป |
RevealEffectBasic
|
แสดงวิธีใช้เอฟเฟกต์การเปิดเผยแบบวงกลม
|
Unsplash |
ตัวอย่างโค้ดจากทอล์ก A window into transitions ใน Google I/O '16 |
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[],[],null,["# Additional resources for animation\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to use Animations in Compose. \n[Animations in Compose →](/jetpack/compose/animation) \n\n\u003cbr /\u003e\n\nFor more information about animation, consult the following resources.\n\nVideos\n------\n\n- [Five quick animations to make your Compose app stand out](https://www.youtube.com/watch?v=0mfCbXrYBPE)\n- [Jetpack Compose: Animation](https://www.youtube.com/watch?v=7yY2OocGiQU)\n- [Motion Layout (MAD Skills playlist)](https://www.youtube.com/playlist?list=PLWz5rJ2EKKc_PEOEHNBEyy6tPX1EgtUw2)\n- [Motional intelligence: Build smarter animations (Google I/O '19)](https://www.youtube.com/watch?v=f3Lm8iOr4mE)\n- [Get animated (Android Dev Summit '18)](https://www.youtube.com/watch?v=N_x7SV3I3P0)\n- [A window into transitions - Google I/O '16](https://www.youtube.com/watch?v=4L4fLrWDvAU)\n\nSamples\n-------\n\nThere are many code samples available in the [Android Animation samples GitHub\nrepository](https://github.com/android/animation-samples)\nthat demonstrate specific animation techniques. There are\na number of separate sample projects within this repository:\n\n| Project | Description |\n|---------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------|\n| [ActivitySceneTransitionBasic](https://github.com/android/animation-samples/tree/main/ActivitySceneTransitionBasic) | Shows how to use shared element transitions from one `Activity` to another. |\n| [BasicTransition](https://github.com/android/animation-samples/tree/main/BasicTransition) | Shows how to use the Transitions library to create smooth transitions between UI states. |\n| [CustomTransition](https://github.com/android/animation-samples/tree/main/CustomTransition) | Shows how to create custom transitions using the Transitions library. |\n| [DrawableAnimations](https://github.com/android/animation-samples/tree/main/DrawableAnimations) | Shows how to create animated vector drawables. |\n| [GridToPager](https://github.com/android/animation-samples/tree/main/GridToPager) | Shows how to create shared element transitions from a `RecyclerView` to a `ViewPager` and back again. |\n| [Interpolator](https://github.com/android/animation-samples/tree/main/Interpolator) | Shows how different interpolators affect the dynamics of your animations. |\n| [Motion](https://github.com/android/animation-samples/tree/main/Motion) | Shows how to implement various types of Material Design Motion for layouts, lists, and navigation. |\n| [MotionCompose](https://github.com/android/animation-samples/tree/main/MotionCompose) | Shows how to implement various different types of Material Design Motion for Jetpack Compose. |\n| [OurStreets](https://github.com/android/animation-samples/tree/main/OurStreets) | Showcases shared element transitions throughout the app. |\n| [RevealEffectBasic](https://github.com/android/animation-samples/tree/main/RevealEffectBasic) | Shows how to implement the circular reveal effect. |\n| [Unsplash](https://github.com/android/animation-samples/tree/main/Unsplash) | The example code from the Google I/O '16 talk [A window into transitions](https://www.youtube.com/watch?v=4L4fLrWDvAU). |"]]