Cấp 1: Sẵn sàng cho mọi màn hình
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Cấp này thể hiện một tiêu chuẩn chất lượng tối thiểu cho trải nghiệm trên tất cả kích thước màn hình trên Wear OS.
Để tạo một ứng dụng hoàn hảo cho Wear OS, bước đầu tiên là chuẩn bị để ứng dụng phù hợp với mọi kích thước màn hình. Kiểm thử ứng dụng trên nhiều kích thước màn hình mục tiêu, đồng thời xác định và khắc phục mọi lỗi rõ ràng.
Ở giai đoạn này, bố cục của ứng dụng có thể chưa lý tưởng, nhưng ứng dụng không được có vấn đề rõ ràng về hình ảnh hoặc tương tác và người dùng phải có thể hoàn tất mọi luồng tác vụ.
Tạo giao diện người dùng hữu dụng
check_circle
Nên
- Kiểm tra để đảm bảo ứng dụng không có lỗi rõ ràng trên các kích thước màn hình.
- Sử dụng thư viện thành phần Compose M3 có tích hợp sẵn hành vi thích ứng và thích ứng.
cancel
Không nên
- Áp dụng cách căn chỉnh hoặc khoảng cách khó chịu.
- Điều chỉnh tỷ lệ nội dung giao diện người dùng để lấp đầy không gian có sẵn.
Ví dụ
Hình ảnh sau đây cho thấy ví dụ về các ứng dụng đã sẵn sàng cho mọi kích thước màn hình.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-27 UTC."],[],[],null,["# Tier 1: Ready for all screens\n\nThis tier represents a minimum quality bar for experiences across all screen\nsizes on Wear OS.\n\nThe first step in creating a great app for Wear OS is making your app ready for\nall screen sizes. Test your app across a range of target screen sizes, and\nidentify and fix any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but your app shouldn't have\nobvious visual or interaction issues, and users should be able to complete all\ntask flows.\n\nCreate a usable UI\n------------------\n\ncheck_circle\n\n### Do\n\n- Check to make sure your app has no obvious bugs across screen sizes.\n- Use the M3 Compose component library which has built-in responsive and adaptive behavior. \ncancel\n\n### Don't\n\n- Apply awkward alignments or spacing.\n- Proportionally scale up the UI content to fill the available space.\n\nExamples\n--------\n\nThe following images show examples of apps that are ready for all screen sizes.\n\n\n### Confirmation overlays\n\n\u003cbr /\u003e\n\n\n### Dialogs\n\n\u003cbr /\u003e"]]