Công cụ cho Compose
Android Studio mang đến rất nhiều tính năng mới dành riêng cho Jetpack Compose. Phiên bản này áp dụng phương pháp ưu tiên lập trình trong khi cải thiện năng suất của nhà phát triển mà không phải lựa chọn giữa việc sử dụng giao diện thiết kế hay trình soạn thảo mã.
Một điểm khác biệt cơ bản giữa giao diện người dùng dựa trên Khung hiển thị và Jetpack Compose là Compose không dựa vào View
để hiển thị các thành phần kết hợp. Nhờ phương pháp hỗ trợ cấu trúc này, Android Studio cung cấp các tính năng mở rộng cho Jetpack Compose mà không cần phải mở trình mô phỏng hoặc kết nối với thiết bị. So với Khung hiển thị Android, tính năng này cho phép nhà phát triển triển khai thiết kế giao diện người dùng nhanh hơn và nhiều hơn.
Để bật các tính năng dành riêng cho Android Studio cho Jetpack Compose, bạn cần thêm các phần phụ thuộc này vào tệp build.gradle(.kts)
của ứng dụng. Bạn có thể sử dụng Bảng kê khai thành phần (BOM) hoặc xác định từng phần phụ thuộc.
Bảng kê khai thành phần
val composeBom = platform("androidx.compose:compose-bom:2024.06.00") implementation(composeBom) debugImplementation("androidx.compose.ui:ui-tooling") implementation("androidx.compose.ui:ui-tooling-preview")
Riêng lẻ
debugImplementation("androidx.compose.ui:ui-tooling:1.6.8") implementation("androidx.compose.ui:ui-tooling-preview:1.6.8")
Thiết kế
Xem trước giao diện người dùng
@Preview
cho phép bạn xem trước các thành phần kết hợp. Tìm hiểu cách xem trước, sắp xếp và tương tác với các thành phần này.