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.
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: 2024-06-27 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Thiếu thông tin tôi cần"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Quá phức tạp/quá nhiều bước"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Đã lỗi thời"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Vấn đề về bản dịch"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Vấn đề về mẫu/mã"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Khác"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Dễ hiểu"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Giúp tôi giải quyết được vấn đề"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Khác"
}]
{"lastModified": "C\u1eadp nh\u1eadt l\u1ea7n g\u1ea7n \u0111\u00e2y nh\u1ea5t: 2024-06-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: 2024-06-27 UTC."]]