Android Studio cung cấp một tập hợp các công cụ giúp bạn tăng tốc quá trình thiết kế giao diện người dùng bằng cách sử dụng các thư viện Jetpack Compose. Bắt đầu sử dụng các công cụ bằng cách thêm các phần phụ thuộc cần thiết vào tệp Gradle thông qua Danh sách thành phần (BOM).
Các công cụ để thiết kế giao diện người dùng
Tạo các thành phần, hệ thống thiết kế và bố cục cho phù hợp với quy cách thiết kế.
- Xem trước giao diện người dùng: Xem trước và tương tác với các thành phần kết hợp trên nhiều kích thước màn hình, thiết bị có thể gập lại và cấu hình nhiều cửa sổ.
- Xem trước ảnh động: Kiểm tra, gỡ lỗi và xem trước ảnh động theo từng khung hình.
Các công cụ để phát triển và kiểm thử giao diện người dùng
Đẩy nhanh quá trình tạo giao diện người dùng và kiểm thử ứng dụng đang chạy mà không cần chuyển đổi nhiều ngữ cảnh.
- Chỉnh sửa trực tiếp: Áp dụng các thay đổi và xem các thay đổi đó theo thời gian thực mà không cần tạo bản dựng đầy đủ.
- Thao tác trong trình chỉnh sửa: Sử dụng các mẫu, biểu tượng lề và nhiều tính năng khác trong cửa sổ trình chỉnh sửa Android Studio.
- Kiểm tra bằng lint: Xác minh tính chính xác của mã Compose.
Các công cụ gỡ lỗi giao diện người dùng
Phân tích bố cục, quá trình kết hợp lại và theo dõi thành phần để cải thiện hiệu suất giao diện người dùng của ứng dụng.
- Layout Inspector: Kiểm tra bố cục của Compose trong trình mô phỏng hoặc thiết bị thực.
- Compose UI Check (Kiểm tra giao diện người dùng Compose): Kiểm tra giao diện người dùng Compose để tìm các vấn đề về khả năng hỗ trợ tiếp cận và khả năng thích ứng nhằm xác định các vấn đề liên quan đến nhiều kích thước màn hình, hướng thiết bị và hệ số hình dạng.
- Theo dõi thành phần kết hợp: Theo dõi các hàm có khả năng kết hợp trong dấu vết hệ thống.