Các ứng dụng đáp ứng và được tối ưu hoá sử dụng bố cục thích ứng tự động thích ứng với nhiều kích thước màn hình, qua đó cung cấp thêm giá trị cho người dùng, đồng thời mang lại trải nghiệm hiệu quả và hấp dẫn cho người dùng.
Tăng thêm giá trị thông qua thiết kế thích ứng
Bố cục thích ứng tự động định dạng và định vị các phần tử như nút, trường văn bản và hộp thoại để mang lại trải nghiệm tối ưu cho người dùng. Tự động cung cấp thêm giá trị cho người dùng ứng dụng trên màn hình lớn bằng cách sử dụng các phương pháp thiết kế thích ứng. Cho dù đó là văn bản có thể nhìn thấy nhanh hơn, nhiều thao tác trên màn hình hơn hay đích nhấn lớn hơn và dễ tiếp cận hơn, các phương pháp thích ứng đều mang đến trải nghiệm nâng cao cho người dùng màn hình lớn hơn.
Tạo thẻ thông tin và ứng dụng thích ứng cho Wear OS
Giao diện người dùng thích ứng kéo dài và thay đổi để tận dụng tối đa tất cả không gian màn hình có sẵn, bất kể kích thước màn hình hiển thị. Khi thiết kế bố cục thích ứng trên màn hình tròn, mỗi khung hiển thị cuộn và không cuộn đều có những yêu cầu riêng để duy trì tỷ lệ phần tử trên giao diện người dùng, cũng như duy trì bố cục và cấu trúc cân bằng. Đối với khung hiển thị cuộn, hãy sử dụng tỷ lệ phần trăm để xác định tất cả lề trên, dưới cùng và bên cạnh để tránh bị cắt và cung cấp tỷ lệ tỷ lệ của các phần tử. Đối với khung hiển thị không cuộn, hãy sử dụng tỷ lệ phần trăm và các điều kiện ràng buộc theo chiều dọc cho tất cả lề. Bằng cách đó, nội dung chính ở giữa có thể kéo giãn để lấp đầy vùng có sẵn.
Xem hướng dẫn triển khai Compose và Thẻ thông tin cho bố cục thích ứng.
Nên
- Sử dụng các thành phần tiêu chuẩn được thiết kế để thích ứng.
- Sử dụng bố cục thích ứng có khả năng điều chỉnh mượt mà trên các kích thước màn hình.
Không nên
- Kéo giãn các phần tử trên giao diện người dùng (trường văn bản, nút, hộp thoại) để lấp đầy không gian thừa.
- Tăng kích thước phông chữ (trừ phi các phông chữ đó chủ yếu phục vụ mục đích đồ hoạ).
Bước tiếp theo: thích ứng và khác biệt
Các ứng dụng thích ứng và khác biệt tạo ra một trải nghiệm người dùng không thể có trên các thiết bị có màn hình nhỏ hơn.