Công cụ dành cho Compose

Android Studio cung cấp một loạt công cụ giúp bạn đẩy nhanh 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ạn có thể bắt đầu sử dụng những 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).

Bắt đầu nhanh

Thêm Bảng kê khai thành phần (BOM) của Compose và các phần phụ thuộc của thư viện bằng hướng dẫn bắt đầu nhanh

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à màn hình 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, sắp xếp và tương tác với các thành phần kết hợp.
• 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 tìm lỗi mã nguồn: Xác minh tính chính xác của mã Compose bằng các lượt kiểm tra tìm lỗi mã nguồn.

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 để tìm các vấn đề về khả năng hỗ trợ tiếp cận và khả năng thích ứ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.