Lớp phủ là một khung hiển thị tập trung, xử lý các thao tác quá phức tạp đối với chức năng, thẻ thông tin hoặc thông báo. Lớp phủ mang tính sống động. Lớp phủ có một số điểm tương đồng với giao diện người dùng chính của ứng dụng trên thiết bị di động. Sử dụng các vùng hiển thị như thẻ thông tin, chức năng và thông báo để thực hiện các thao tác đơn giản, nhưng liên kết các vùng này thành một lớp phủ để thực hiện các thao tác phức tạp hơn.
Hãy xem xét các nguyên tắc và trường hợp sử dụng sau để hiểu rõ hơn về lớp phủ.
Nguyên tắc trải nghiệm người dùng cho lớp phủ
Hãy thiết kế lớp phủ theo nguyên tắc sau:
- Tập trung
- Tập trung lớp phủ vào các nhiệm vụ quan trọng để giúp mọi người hoàn thành công việc trong vòng vài giây nhằm tránh gây cảm giác khó chịu do công việc hoặc mỏi tay
- Trạng thái nông và tuyến tính
- Tránh phân cấp sâu hơn 2 cấp độ. Hiển thị bảng điều hướng cùng dòng
- Cuộn
- Chế độ xem có thể cuộn. Đây là một cử chỉ tự nhiên giúp người dùng xem thêm nội dung trên đồng hồ
Trường hợp sử dụng lớp phủ
Hãy sử dụng lớp phủ trong các trường hợp sau:
- Thông tin khác
- Tập trung lớp phủ vào các nhiệm vụ quan trọng để giúp mọi người hoàn thành công việc trong vòng vài giây nhằm tránh gây cảm giác khó chịu do công việc hoặc mỏi tay
- Để có nhiều tương tác hơn
- Để cung cấp nhiều tính năng tương tác hơn so với một chức năng hoặc Thẻ thông tin.
- Điều chỉnh các lựa chọn ưu tiên
- Để cung cấp kiến thức và lựa chọn ưu tiên.
Tạo một lớp phủ
Wear OS hỗ trợ hai cách riêng biệt để tạo một lớp phủ:
Nếu bạn đang tạo một ứng dụng Wear OS mới, hãy cân nhắc việc triển khai lớp phủ bằng tính năng Compose cho Wear OS. Chúng tôi đề xuất sử dụng Compose cho Wear OS để tạo ứng dụng trên Wear OS.
Giao diện người dùng dựa trên Compose trong hầu hết trường hợp sẽ làm giảm mã và đẩy nhanh quá trình phát triển ứng dụng Android nói chung. Xem phần Tại sao nên dùng Compose để biết thêm thông tin về những ưu điểm chung của khung giao diện người dùng khai báo.
Danh mục Compose Material cho Wear OS tuân theo kiểu chất liệu, tích hợp khả năng hỗ trợ tiếp cận và triển khai sắp xếp theo chủ đề Material, từ đó cho phép bạn tuỳ chỉnh thiết kế cho thương hiệu của mình. Compose cho Wear OS cung cấp nhiều thành phần hơn so với Thành phần hiển thị (View) và được thiết kế để giúp bạn tạo trải nghiệm người dùng tuân thủ các nguyên tắc thiết kế cho Wear OS.
Nếu bạn hiện có một ứng dụng Wear OS với cơ sở mã lớn dựa trên thành phần hiển thị, bạn có thể áp dụng dần tính năng Compose bằng cách sử dụng Các API Khả năng tương tác của Compose thay vì phải viết lại toàn bộ cơ sở mã.
Hướng dẫn tạo ứng dụng bằng Compose
- Sử dụng Jetpack Compose trên Wear OS
- Tìm hiểu cách tạo bằng Compose cho Wear OS.
- Tạo danh sách
- Tìm hiểu cách tạo danh sách được tối ưu hoá cho thiết bị đeo.
- Điều hướng bằng Compose cho Wear OS
- Tìm hiểu thêm về cách tạo thành phần điều hướng trong Compose.
- Hiệu suất của Compose trên Wear OS
- Tìm hiểu thêm về hiệu suất và kiểm thử hiệu suất của ứng dụng.