การรองรับเครื่องมือภาพเคลื่อนไหว
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
Android Studio รองรับการตรวจสอบ animate*AsState
, CrossFade
, rememberInfiniteTransition
, AnimatedContent
,
updateTransition
และ
animatedVisibility
ใน
ตัวอย่างภาพเคลื่อนไหว คุณทำสิ่งต่อไปนี้ได้
- ดูตัวอย่างเฟรมการเปลี่ยนฉากทีละเฟรม
- ตรวจสอบค่าของภาพเคลื่อนไหวทั้งหมดในการเปลี่ยนฉาก
- ดูตัวอย่างการเปลี่ยนผ่านระหว่างสถานะเริ่มต้นและสถานะเป้าหมาย
- ตรวจสอบและประสานงานภาพเคลื่อนไหวหลายรายการพร้อมกัน
เมื่อเริ่มแสดงตัวอย่างภาพเคลื่อนไหว คุณจะเห็นแผง "ภาพเคลื่อนไหว" ซึ่งคุณสามารถ
เรียกใช้การเปลี่ยนฉากใดก็ได้ที่รวมอยู่ในการแสดงตัวอย่าง การเปลี่ยนฉากและค่าภาพเคลื่อนไหวแต่ละค่าจะมีป้ายกำกับเป็นชื่อเริ่มต้น คุณปรับแต่งป้ายกำกับได้
โดยระบุพารามิเตอร์ label
ในฟังก์ชัน updateTransition
และ
AnimatedVisibility
ดูข้อมูลเพิ่มเติมได้ที่
ตัวอย่างภาพเคลื่อนไหว

แนะนำสำหรับคุณ
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-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-08-27 UTC"],[],[],null,["Android Studio supports inspection of [`animate*AsState`](/develop/ui/compose/value-based#animate-as-state), [`CrossFade`](/develop/ui/compose/animation/composables-modifiers#crossfade), [`rememberInfiniteTransition`](/develop/ui/compose/animation/value-based#rememberinfinitetransition), [`AnimatedContent`](/develop/ui/compose/animation/composables-modifiers#animatedcontent),\n[`updateTransition`](/develop/ui/compose/animation/value-based#updateTransition) and\n[`animatedVisibility`](/develop/ui/compose/animation/composables-modifiers#animatedvisibility) in\n[Animation Preview](/develop/ui/compose/tooling#animations). You can do the\nfollowing:\n\n- Preview a transition frame by frame\n- Inspect values for all animations in the transition\n- Preview a transition between any initial and target state\n- Inspect and coordinate multiple animations at once\n\nWhen you start Animation Preview, you see the \"Animations\" pane where you can\nrun any transition included in the preview. The transition as well as each of\nits animation values is labeled with a default name. You can customize the label\nby specifying the `label` parameter in the `updateTransition` and the\n`AnimatedVisibility` functions. For more information, see\n[Animation Preview](/develop/ui/compose/tooling/animation-preview).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Value-based animations](/develop/ui/compose/animation/value-based)\n- [Animations in Compose](/develop/ui/compose/animation/introduction)\n- [Animation modifiers and composables](/develop/ui/compose/animation/composables-modifiers)"]]