Xem trước ảnh động
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Android Studio cho phép bạn kiểm tra ảnh động trong phần Xem trước ảnh động (Animation Preview). Nếu ảnh động được mô tả trong một bản xem trước của thành phần kết hợp, bạn có thể kiểm tra giá trị chính xác của từng giá trị ảnh động tại một thời điểm cụ thể, tạm dừng ảnh động, lặp lại, tua đi, hoặc giảm tốc độ ảnh động, để giúp bạn gỡ lỗi ảnh động trong suốt các lượt chuyển đổi:

Bạn cũng có thể sử dụng tính năng Xem trước ảnh động để trực quan hoá các đường cong hoạt ảnh, điều này rất hữu ích để đảm bảo rằng các giá trị ảnh động được biên soạn đúng cách:

Tính năng Xem trước ảnh động (Animation Preview) tự động phát hiện các ảnh động có thể kiểm tra, được biểu thị bằng biểu tượng Start Animation Preview (Bắt đầu xem trước ảnh động)
.

Nếu có nhiều ảnh động, bạn có thể sử dụng tính năng Xem trước ảnh động để kiểm tra và điều phối tất cả ảnh động đó cùng một lúc. Bạn cũng có thể cố định một ảnh động cụ thể.

Sử dụng bộ chọn để đặt trạng thái không phải enum hoặc boolean để gỡ lỗi cho ảnh động Compose bằng cách sử dụng các giá trị đầu vào chính xác. Đối với tất cả các API Ảnh động Compose được hỗ trợ, bạn có thể phát, tạm dừng, tua, kiểm soát tốc độ và điều phối.

Tính năng Xem trước ảnh động hiện hỗ trợ các API updateTransition
, AnimatedVisibility
, animate*AsState
, CrossFade
, rememberInfiniteTransition
và AnimatedContent
. Để sử dụng các tính năng mới nhất, hãy dùng tính năng Xem trước ảnh động với Bản cập nhật tính năng Android Studio Narwhal và compose.animation
1.9.0 trở lên.
Đề xuất cho bạn
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-08-21 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-08-21 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)"]]