Bắt đầu với Jetpack Compose

Jetpack Compose là bộ công cụ hiện đại giúp xây dựng giao diện người dùng Android, đơn giản hoá quá trình phát triển các ứng dụng thích ứng với mọi kích thước màn hình.

  • Tổng quan: Xem các tài nguyên dành cho nhà phát triển Compose.
  • Hướng dẫn: Bắt đầu với Compose bằng cách tạo một giao diện người dùng cơ bản.
  • Hướng dẫn nhanh: Hãy dùng thử hướng dẫn nhanh và tập trung của chúng tôi, được thiết kế để giúp bạn đạt được mục tiêu nhanh nhất có thể.

Tổ chức

  • Suy nghĩ về Compose: Cách tiếp cận khai báo của Compose khác với cách tiếp cận dựa trên chế độ xem mà bạn có thể đã sử dụng trước đây như thế nào. Xây dựng mô hình tư duy để làm việc với Compose.
  • Quản lý trạng thái: Thiết lập và sử dụng trạng thái trong ứng dụng Compose.
  • Vòng đời của thành phần kết hợp: Vòng đời của một thành phần kết hợp và cách Compose xác định xem có cần vẽ lại thành phần kết hợp hay không.
  • Đối tượng sửa đổi: Sử dụng đối tượng sửa đổi để làm nổi bật hoặc trang trí cho thành phần kết hợp.
  • Hiệu ứng phụ trong Compose: Các cách quản lý hiệu ứng phụ.
  • Các giai đoạn trong Jetpack Compose: Các bước mà Compose thực hiện để hiển thị giao diện người dùng của ứng dụng và cách sử dụng thông tin đó để viết mã hiệu quả.
  • Phân lớp kiến trúc: Các lớp kiến trúc tạo nên Jetpack Compose và các nguyên tắc cốt lõi định hình nên thiết kế của Compose.
  • Hiệu suất: Tránh những lỗi lập trình phổ biến có thể làm giảm hiệu suất của ứng dụng.
  • Ngữ nghĩa trong Compose: Cây ngữ nghĩa, có nhiệm vụ sắp xếp giao diện người dùng của bạn theo cách mà các dịch vụ hỗ trợ tiếp cận và khung kiểm thử có thể sử dụng.
  • Dữ liệu trong phạm vi cục bộ với CompositionLocal: Sử dụng CompositionLocal để truyền dữ liệu thông qua thành phần.

Giao diện người dùng thích ứng

  • Tạo ứng dụng thích ứng: Tìm hiểu các nguyên tắc cốt lõi để tạo bố cục được tối ưu hoá cho mọi kích thước màn hình, bao gồm cả điện thoại, máy tính bảng, thiết bị có thể gập lại và nhiều thiết bị khác.
  • Áp dụng bố cục đã được chứng minh: Sử dụng bố cục chuẩn như danh sách-chi tiết và ngăn bổ trợ cho các ứng dụng được tối ưu hoá trên màn hình lớn.
  • Thanh điều hướng thích ứng: Triển khai các mẫu điều hướng tự động điều chỉnh cho phù hợp với không gian hiển thị có sẵn.

Môi trường phát triển

Thiết kế

  • Bố cục: Các thành phần bố cục của Compose và cách thiết kế thành phần của riêng bạn.
    • Kiến thức cơ bản về bố cục: Các khối dựng cho một giao diện người dùng ứng dụng đơn giản.
    • Thành phần và bố cục Material: Thành phần và bố cục Material trong Compose.
    • Bố cục tuỳ chỉnh: Kiểm soát bố cục của ứng dụng và thiết kế bố cục tuỳ chỉnh của riêng bạn.
    • Đường căn chỉnh: Tạo đường căn chỉnh tuỳ chỉnh để căn chỉnh và định vị chính xác các thành phần trên giao diện người dùng.
    • Đo lường hàm nội tại: Cách truy vấn thông tin về các phần tử con trước khi đo lường chúng vì Compose chỉ đo lường các phần tử trên giao diện người dùng một lần cho mỗi lần truyền.
    • ConstraintLayout: Sử dụng ConstraintLayout trong giao diện người dùng Compose.
  • Hệ thống thiết kế: Triển khai một hệ thống thiết kế và mang lại giao diện nhất quán cho ứng dụng.
  • Danh sách và lưới: Các lựa chọn của Compose để quản lý và hiển thị danh sách cũng như lưới dữ liệu.
  • Văn bản: Các lựa chọn chính trong Compose để hiển thị và chỉnh sửa văn bản.
  • Đồ hoạ: Các tính năng của Compose để tạo và làm việc với đồ hoạ tuỳ chỉnh.
  • Ảnh động: Các lựa chọn của Compose để tạo ảnh động cho các phần tử trên giao diện người dùng.
  • Cử chỉ: Tạo giao diện người dùng trên Compose giúp phát hiện và tương tác với các cử chỉ của người dùng.
  • Xử lý các hoạt động tương tác của người dùng: Cách Compose chiết tách các đầu vào cấp thấp thành các hoạt động tương tác cấp cao hơn để bạn có thể tuỳ chỉnh cách các thành phần phản hồi thao tác của người dùng.

Sử dụng Compose

Tài nguyên khác