Kiến thức cơ bản về Compose

Thực hiện các bước đầu tiên với Jetpack Compose và tìm hiểu về các hàm có khả năng kết hợp, trạng thái và bố cục cơ bản, Material Design, danh sách và ảnh động.

 

Hướng dẫn dành cho người mới bắt đầu

Bài viết

Tìm hiểu kiến thức cơ bản về Compose và cách tạo một thành phần giao diện người dùng đơn giản bằng các hàm khai báo. Nắm vững về các hàm có khả năng kết hợp, bố cục cơ bản và cách hoạt động của Material Design, danh sách cũng như ảnh động trong Compose.

Tư duy trong Compose

Video

Tìm hiểu về cách tư duy trong Compose và chuyển hướng tư duy để tập trung vào "nội dung" chứ không phải "cách thức".

Hàm có khả năng kết hợp

Video

Tìm hiểu về các thành phần trong Compose: hàm có khả năng kết hợp.

Viết ứng dụng đầu tiên bằng Compose

Lớp học mã

Thực hành và tìm hiểu các kiến thức cơ bản về giao diện người dùng khai báo, làm việc với các trạng thái, bố cục và giao diện. Bạn sẽ thấy các thành phần kết hợp và công cụ sửa đổi, cách làm việc với các thành phần trên giao diện người dùng cơ bản, chẳng hạn như Hàng và Cột, cũng như cách cung cấp trạng thái cho ứng dụng.

Bộ công cụ Compose UI

Video

Tìm hiểu về tập hợp các thành phần kết hợp trong bộ công cụ Compose: thành phần Material Design, bố cục, đối tượng sửa đổi và nhiều thành phần khác.

Triển khai thiết kế thực tế

Lớp học mã

Trong lớp học lập trình này, bạn sẽ tìm hiểu cách triển khai thiết kế thực tế bằng các thành phần kết hợp và đối tượng sửa đổi mà Compose cung cấp ngay từ đầu.

Làm quen với trạng thái

Lớp học mã

Tìm hiểu về cách trạng thái của ứng dụng xác định nội dung hiển thị trong giao diện người dùng, cách Compose cập nhật giao diện người dùng khi trạng thái thay đổi, cách tối ưu hoá cấu trúc của các hàm có khả năng kết hợp cũng như cách làm việc với ViewModel trong ứng dụng Compose.

Đẩy nhanh bằng công cụ

Video

Tìm hiểu cách đẩy nhanh quá trình phát triển bằng công cụ dành riêng cho Compose trong Android Studio.

Di chuyển từ hệ thống Khung hiển thị

Video Không bắt buộc

Bạn hiện có ứng dụng tạo bằng Khung hiển thị chưa? Tìm hiểu cách áp dụng phương pháp di chuyển dần dần.

Di chuyển trong thực tế

Lớp học mã Không bắt buộc

Xem qua quá trình di chuyển thực tế của một ứng dụng dựa trên Khung hiển thị sang Jetpack Compose để hiểu cách áp dụng từng bước các tính năng Compose và khám phá các ảnh hưởng đối với cấu trúc cũng như thử nghiệm.