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.
Nhiều đồng hồ trong hệ sinh thái Wear OS có nhiều kích thước màn hình.
Khi thiết kế cho Wear OS, hãy lưu ý rằng các giao diện ứng dụng sẽ xuất hiện trên nhiều kích thước màn hình.
Nguyên tắc
Hãy lưu ý các nguyên tắc sau khi thiết kế cho nhiều loại thiết bị.
Nhỏ trước tiên
Luôn thiết kế trước tiên cho trình mô phỏng màn hình tròn nhỏ nhất được hỗ trợ: 192 dp. Sau đó, hãy tối ưu hoá cho các thiết bị lớn hơn.
Thiết kế để chuyển tỷ lệ.
Xác định lề bên ngoài dưới dạng tỷ lệ phần trăm thay vì giá trị tuyệt đối để các lề có thể điều chỉnh theo tỷ lệ trên màn hình tròn và tránh cắt bớt bất kỳ phần tử nào trên giao diện người dùng.
Cỡ chữ
Chiều cao của một thành phần trên giao diện người dùng có thể thay đổi theo cách phi tuyến tính, tuỳ thuộc vào việc điều chỉnh tỷ lệ phông chữ và các chế độ cài đặt hỗ trợ tiếp cận, chẳng hạn như văn bản in đậm.
Ví dụ về các kích thước màn hình phổ biến
Các kích thước màn hình sau đây là những lựa chọn đặc biệt phổ biến cho thiết bị Wear OS.
Bạn nên sử dụng 225 dp làm điểm ngắt giữa các màn hình nhỏ hơn và màn hình lớn hơn.
192 dp đến 224 dp
225 dp đến 240 dp
Bố cục thích ứng chuẩn
Hãy truy cập trang bố cục thích ứng chuẩn để biết thêm thông tin về cách thiết kế cho nhiều 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,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]