พรีวิวภาพเคลื่อนไหว
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
Android Studio ช่วยให้คุณตรวจสอบภาพเคลื่อนไหวจากตัวอย่างภาพเคลื่อนไหวได้ หากมีการอธิบายภาพเคลื่อนไหวในตัวอย่างที่ใช้ร่วมกันได้ คุณจะตรวจสอบค่าที่แน่นอน
ของค่าที่เคลื่อนไหวแต่ละค่าในเวลาที่กำหนด หยุดชั่วคราว วนซ้ำ
กรอไปข้างหน้า หรือกรอไปข้างหลัง เพื่อช่วยคุณแก้ไขข้อบกพร่องของภาพเคลื่อนไหวตลอดการเปลี่ยน
ฉาก
นอกจากนี้ คุณยังใช้ตัวอย่างภาพเคลื่อนไหวเพื่อสร้างกราฟเส้นโค้งภาพเคลื่อนไหวได้ด้วย ซึ่ง
มีประโยชน์ในการตรวจสอบว่าค่าภาพเคลื่อนไหวได้รับการออกแบบอย่างเหมาะสม
การแสดงตัวอย่างภาพเคลื่อนไหวจะตรวจหาภาพเคลื่อนไหวที่ตรวจสอบได้โดยอัตโนมัติ ซึ่งจะ
ระบุด้วยไอคอนเริ่มการแสดงตัวอย่างภาพเคลื่อนไหว
หากมีภาพเคลื่อนไหวหลายรายการ คุณสามารถใช้ตัวอย่างภาพเคลื่อนไหวเพื่อตรวจสอบและ
ประสานงานภาพเคลื่อนไหวทั้งหมดได้ในคราวเดียว นอกจากนี้ คุณยังหยุดภาพเคลื่อนไหวบางรายการได้ด้วย
ใช้ตัวเลือกเพื่อตั้งค่าสถานะที่ไม่ใช่การแจงนับหรือสถานะบูลีนเพื่อแก้ไขข้อบกพร่องของภาพเคลื่อนไหว Compose
โดยใช้ข้อมูลที่แน่นอน สำหรับ API ภาพเคลื่อนไหว Compose ที่รองรับทั้งหมด คุณสามารถเล่น
หยุดชั่วคราว สครับ ควบคุมความเร็ว และประสานงานได้
ปัจจุบันพรีวิวภาพเคลื่อนไหวรองรับ API ของ
updateTransition
AnimatedVisibility
animate*AsState
CrossFade
rememberInfiniteTransition
และ AnimatedContent
หากต้องการเข้าถึงฟีเจอร์ล่าสุด ให้ใช้ตัวอย่างภาพเคลื่อนไหวกับ
การอัปเดตฟีเจอร์ใหม่ของ Android Studio Narwhal และ compose.animation 1.9.0 ขึ้นไป
แนะนำสำหรับคุณ
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา 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,["# Animation Preview\n\nAndroid Studio allows you to inspect animations from Animation Preview. If an\nanimation is described in a composable preview, you can inspect the exact value\nof each animated value at a given time, pause the animation, loop it,\nfast-forward it, or slow it, to help you debug the animation throughout its\ntransitions:\n\nYou can also use Animation Preview to graph visualize animation curves, which is\nuseful for making sure that the animation values are choreographed properly:\n\nAnimation Preview automatically detects inspectable animations, which are\nindicated by the **Start Animation Preview** icon\n.\n\nIf you have multiple animations, you can use Animation Preview to inspect and\ncoordinate them all at once. You can also freeze a specific animation.\n\nUse pickers to set non-enum or boolean states to debug your Compose animation\nusing precise inputs. For all supported Compose Animation APIs, you can play,\npause, scrub, control speed, and coordinate.\n\nAnimation Preview currently supports the\n[`updateTransition`](/reference/kotlin/androidx/compose/animation/core/package-summary#updateTransition(kotlin.Any,kotlin.String)),\n[`AnimatedVisibility`](/reference/kotlin/androidx/compose/animation/package-summary#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)),\n[`animate*AsState`](/develop/ui/compose/animation#animate-as-state),\n[`CrossFade`](/develop/ui/compose/animation#crossfade),\n[`rememberInfiniteTransition`](/develop/ui/compose/animation#rememberinfinitetransition),\nand [`AnimatedContent`](/develop/ui/compose/animation#animatedcontent)\nAPIs. To access the latest features, use Animation Preview with\nAndroid Studio Narwhal Feature Drop and `compose.animation` 1.9.0 and higher.\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Animations in Compose](/develop/ui/compose/animation/introduction)\n- [Animation tooling support {:#tooling}](/develop/ui/compose/animation/tooling)\n- [Value-based animations](/develop/ui/compose/animation/value-based)"]]
