Khi bạn phát triển giao diện người dùng Glimmer của Jetpack Compose, hãy sử dụng bản xem trước thành phần kết hợp để hình dung và lặp lại thiết kế của bạn một cách nhanh chóng và hiệu quả. Bản xem trước thành phần kết hợp cung cấp cho bạn bản kết xuất trực tiếp, có tính tương tác của các thành phần giao diện người dùng Jetpack Compose Glimmer ngay trong Android Studio. Các bản xem trước này giúp bạn không cần phải liên tục tạo và chạy ứng dụng trên trình mô phỏng hoặc thiết bị thực cho mỗi thay đổi nhỏ về giao diện người dùng, nhờ đó đẩy nhanh đáng kể chu kỳ phát triển.
Xem trước các thành phần giao diện người dùng Glimmer của Jetpack Compose
- Mở dự án XR trong bản dựng Canary mới nhất của Android Studio.
- Xác minh rằng hàm composable của bạn được chú thích bằng chú giải
@Preview. Trong chế độ xem Mã, hãy nhấp vào Trình chọn cấu hình xem trước cho hàm có khả năng kết hợp.
Trong trình đơn thả xuống Thiết bị, hãy chọn Kính AI.
Thao tác này sẽ điều chỉnh nền tảng xem trước cho phù hợp với độ phân giải và tỷ lệ khung hình riêng biệt của kính có màn hình.
Chọn chế độ xem Thiết kế hoặc Phân tách để xem bản xem trước.
Điều chỉnh môi trường xem trước
Kính sử dụng màn hình trong suốt, có thể xếp chồng. Đặc điểm này có nghĩa là màn hình chỉ có thể thêm ánh sáng chứ không thể tạo ra màu đen. Với màn hình cộng màu, màu đen không phải là một màu mà là màu trong suốt 100%. Bản xem trước trong Compose cung cấp thông tin ước chừng giúp bạn hiểu cách giao diện người dùng hoạt động trong các điều kiện xem khác nhau.
Để mô phỏng các điều kiện xem khác nhau, hãy nhấp vào biểu tượng môi trường trong thanh công cụ của ngăn xem trước. Thử nhiều lựa chọn nền (ví dụ: Sáng, Tối hoặc Nhiều chi tiết) để kiểm tra xem văn bản và các thành phần của bạn có đủ độ tương phản và khả năng hiển thị hay không.