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á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.
Những ứng dụng này sử dụng bố cục mới, được triển khai tại điểm ngắt kích thước màn hình chính, để thu được giá trị bổ sung cho người dùng thiết bị có màn hình lớn hơn, mang lại trải nghiệm người dùng mà các thiết bị có màn hình nhỏ hơn không đáp ứng được.
Thêm giá trị bằng cách áp dụng các bố cục và mẫu mới
Các ứng dụng phân biệt bố cục thích ứng tuân theo phương pháp thiết kế thích ứng nhưng cũng tận dụng các điểm ngắt để áp dụng nhiều bố cục và tạo ra trải nghiệm phong phú hơn nữa cho người dùng thiết bị có màn hình lớn hơn đáng kể, như trong các ví dụ sau:
Thêm thông tin mới có thể xem nhanh.Thêm các thành phần có thể nhấn vào.Tăng mật độ thông tin của biểu đồ và đồ thị.Điều chỉnh hành vi hoặc thiết kế của thành phần bằng cách sử dụng các điểm ngắt để lấp đầy không gian có sẵn.
Sử dụng điểm ngắt trên Wear OS
Việc sử dụng điểm ngắt ở 225 dp có thể giúp tối ưu hoá bố cục trên nhiều kích thước.
Thiết kế các bố cục và hành vi tuỳ chỉnh ở 225 dp trở lên.
cancel
Không nên
Hạ thấp tiêu chuẩn.
Chỉ thiết kế cho một kích thước thiết bị.
Tạo một ứng dụng không có gì nổi bật.
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,["# Adaptive and differentiated\n\nApps that are **adaptive and differentiated** create a user experience that\nisn't possible on devices with smaller screens.\n\nThese apps use new layouts, implemented at a key screen size breakpoint, to\nderive additional value for users of devices with larger screens, enabling a\nuser experience that devices with smaller screens can't match.\n\nAdd value by applying new layouts and templates\n-----------------------------------------------\n\nAdaptive layout differentiated apps follow [adaptive design practices](/design/ui/wear/guides/foundations/adaptive-layouts) but\nalso utilize breakpoints to apply different layouts and create an even richer\nexperience for users of devices with substantially larger screens, as shown in\nthe following examples:\nAdd new glanceable information. Add more tappable affordances. Increase the information density of graphs and charts. Adjust component behavior or design with the use of breakpoints to fill the available space.\n\nUse breakpoints on Wear OS\n--------------------------\n\nUtilizing a breakpoint at 225 dp can help optimize layouts across a range of\nsizes.\n\nSee the [Compose](/training/wearables/compose/screen-size#breakpoints) and [Tiles](/training/wearables/tiles/screen-size#breakpoints) implementation guidance for differentiated\nlayouts. \ncheck_circle\n\n### Do\n\n- Think big.\n- Design custom layouts and behaviors at 225 dp and larger. \ncancel\n\n### Don't\n\n- Settle for less.\n- Design for just one device size.\n- Let your app be unremarkable."]]