Jetpack Compose là một bộ công cụ hiện đại giúp xây dựng giao diện người dùng gốc của Android. Đây là nơi bạn sẽ tìm thấy thông tin mới nhất về cách sử dụng Compose.
- Tổng quan: Xem tất cả tài nguyên có sẵn dành cho các nhà phát triển Compose.
- Hướng dẫn: Bắt đầu với Compose bằng cách sử dụng công cụ này để xây dựng một giao diện người dùng đơn giản.
- Hướng dẫn nhanh: Mới! Hãy thử các 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: Tìm hiểu xem cách tiếp cận qua khai báo của Compose khác với cách tiếp cận dựa trên lượt xem mà bạn có thể đã sử dụng trước đây như thế nào và cách xây dựng một mô hình tư duy làm việc với Compose.
- Quản lý trạng thái: Tìm hiểu về cách 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: Tìm hiểu về vòng đời của thành phần kết hợp và cách Compose quyết định xem có cần vẽ lại thành phần kết hợp hay không.
- Công cụ sửa đổi: Tìm hiểu cách sử dụng công cụ 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: Tìm hiểu những cách tốt nhất để quản lý các hiệu ứng phụ.
- Các giai đoạn trong Jetpack Compose: Tìm hiểu về các bước mà Compose thực hiện để hiển thị giao diện người 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: Tìm hiểu về 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 Jetpack Compose.
- Hiệu suất: Tìm hiểu cách 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: Tìm hiểu về 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 thử nghiệm có thể sử dụng.
- Dữ liệu trong phạm vi cục bộ với CompositionLocal: Tìm hiểu cách sử dụng
CompositionLocal
để truyền dữ liệu thông qua Bản sáng tác.
Môi trường phát triển
- Android Studio với Compose: Thiết lập môi trường phát triển để sử dụng Compose.
- Công cụ cho Compose: Tìm hiểu về các tính năng mới của Android Studio để hỗ trợ Compose.
- Kotlin cho Compose: Tìm hiểu cách một số quán ngữ lập trình (idiom) dành riêng cho Kotlin hoạt động với Compose.
- So sánh các chỉ số của Compose và Khung hiển thị: Tìm hiểu xem việc di chuyển sang Compose có thể ảnh hưởng như thế nào đến kích thước APK và hiệu suất của thời gian chạy ứng dụng.
- Bảng kê khai thành phần: Quản lý tất cả phần phụ thuộc Compose mà chỉ cần chỉ định phiên bản của Bảng kê khai thành phần.
Thiết kế
- Bố cục: Tìm hiểu về các thành phần bố cục gốc của Compose và cách thiết kế bố cục của riêng bạn.
- Kiến thức cơ bản về bố cục: Tìm hiểu về các khối dựng để có một giao diện người dùng ứng dụng đơn giản.
- Thành phần và bố cục Material: Tìm hiểu về các thành phần và bố cục Material trong Compose.
- Bố cục tuỳ chỉnh: Tìm hiểu cách kiểm soát bố cục của ứng dụng và cách thiết kế bố cục tuỳ chỉnh của riêng bạn.
- Hỗ trợ nhiều kích thước màn hình: Tìm hiểu cách sử dụng Compose để tạo bố cục thích ứng với nhiều kích thước màn hình, hướng và hệ số hình dạng.
- Đường căn chỉnh: Tìm hiểu cách 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: Vì Compose chỉ cho phép bạn đo lường các thành phần trên giao diện người dùng một lần cho mỗi lần truyền, nên trang này giải thích cách truy vấn thông tin về các thành phần con cháu trước khi đo lường chúng.
- ConstraintLayout: Tìm hiểu cách sử dụng
ConstraintLayout
trong giao diện người dùng Compose.
- Hệ thống thiết kế: Tìm hiểu cách triển khai hệ thống thiết kế và mang lại giao diện nhất quán cho ứng dụng.
- Material Design 3: Tìm hiểu cách triển khai Material You bằng việc triển khai Material Design 3 của Compose.
- Di chuyển từ Material 2 sang Material 3: Tìm hiểu cách di chuyển ứng dụng từ Material Design 2 sang Material Design 3 trong Compose.
- Material Design 2: Tìm hiểu cách tuỳ chỉnh quá trình triển khai của Compose đối với Material Design 2 để phù hợp với thương hiệu sản phẩm.
- Hệ thống thiết kế tuỳ chỉnh: Tìm hiểu cách triển khai một hệ thống thiết kế tuỳ chỉnh trong Compose và cách điều chỉnh các thành phần kết hợp Material Design hiện có để xử lý hoạt động triển khai.
- Cấu tạo của một giao diện: Tìm hiểu về các cấu trúc bậc thấp và API sử dụng cho
MaterialTheme
cũng như các hệ thống thiết kế tuỳ chỉnh.
- Danh sách và lưới: Tìm hiểu về một số tuỳ chọn quản lý, hiển thị danh sách và lưới dữ liệu trong Compose.
- Văn bản: Tìm hiểu về các tuỳ chọn chính trong Compose dùng để hiển thị và chỉnh sửa văn bản.
- Đồ hoạ: Tìm hiểu về các tính năng của Compose để xây dựng và làm việc với các đồ hoạ tuỳ chỉnh.
- Ảnh động: Tìm hiểu về các tuỳ chọn khác nhau của Compose để tạo ảnh động cho các thành phần trên giao diện người dùng.
- Cử chỉ: Tìm hiểu 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: Tìm hiểu cách 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
- Di chuyển các ứng dụng hiện có dựa trên Khung hiển thị: Tìm hiểu cách di chuyển ứng dụng hiện có dựa trên Khung hiển thị sang Compose.
- Chiến lược di chuyển: Tìm hiểu chiến lược để từng bước đưa Compose vào cơ sở mã một cách an toàn.
- API có khả năng tương tác: Tìm hiểu về các API của Compose để giúp bạn kết hợp Compose với giao diện người dùng dựa trên Khung hiển thị.
- Những điểm cần cân nhắc khác: Tìm hiểu những điểm cần cân nhắc khác như sắp xếp theo chủ đề, cấu trúc và kiểm thử trong khi di chuyển ứng dụng dựa trên Khung hiển thị sang Compose.
- Compose và các thư viện khác: Tìm hiểu cách sử dụng các thư viện dựa trên khung hiển thị trong nội dung Compose.
- Cấu trúc Compose: Tìm hiểu cách triển khai mẫu luồng một chiều trong Compose, cách triển khai sự kiện và chủ thể trạng thái, cũng như cách làm việc với
ViewModel
trong Compose. - Điều hướng: Tìm hiểu cách sử dụng
NavController
để tích hợp thành phần Điều hướng với giao diện người dùng trên Compose.- Điều hướng trên giao diện người dùng thích ứng: Tìm hiểu cách thiết kế tính năng điều hướng trong ứng dụng để ứng dụng thích ứng với nhiều kích thước màn hình, hướng và hệ số hình dạng.
- Tài nguyên: Tìm hiểu cách làm việc với các tài nguyên của ứng dụng trong mã Compose.
- Hỗ trợ tiếp cận: Tìm hiểu cách giúp giao diện người dùng trên Compose phù hợp với người dùng có các yêu cầu khác nhau về hỗ trợ tiếp cận.
- Kiểm thử: Tìm hiểu về cách kiểm thử mã Compose.
- Bản tóm tắt về kiểm thử: Tài liệu tham khảo nhanh về các API kiểm thử Compose hữu ích.
Tài nguyên khác
- Bắt đầu thiết lập
- Lộ trình học tập chọn nội dung
- Nguyên tắc về Compose API
- Tài liệu tham khảo API
- Lớp học lập trình
- Ứng dụng mẫu
- Video
Đề xuất cho bạn
- Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
- Dữ liệu trong phạm vi cục bộ với CompositionLocal
- Những điểm khác cần cân nhắc
- Phân tích một giao diện trong Compose