Jetpack Compose giúp bạn dễ dàng triển khai hệ thống thiết kế và mang lại giao diện nhất quán cho ứng dụng với các giao diện, thành phần và nhiều yếu tố khác.
Các trang sau đây cung cấp thông tin chi tiết về cách thiết kế và triển khai hệ thống thiết kế:
- 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.
- Các 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. - Di chuyển giao diện XML sang Compose: Tìm hiểu cách di chuyển giao diện dựa trên Khung hiển thị Giao diện XML cho Compose.
Mẫu
Các mẫu sau đây minh hoạ hệ thống thiết kế trong Jetpack Compose:
Jetsnack is a sample snack ordering app built with Jetpack Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here.
This Jetnews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository Jetcaster is a sample podcast app, built with Jetpack Compose. The goal of the sample is to showcase building with Compose across multiple form factors (mobile, TV, and Wear) and full featured architecture.
To try out this sample app, use the latest Jetchat is a sample chat app built with Jetpack Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here.
This sample Learn how this app was designed and built in the design case study, architecture learning journey and modularization learning journey.
This is the repository for the Now in Android app. It is a work in progress 🚧.
Now in Android is a fully functionalJetsnack sample
Jetnews sample
Jetcaster sample 🎙️
Jetchat sample
Now in Android App