Các bố cục thiết kế thích ứng phổ biến
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.
Bố cục thiết kế phổ biến (còn gọi là bố cục thiết kế chuẩn) là các bố cục ứng dụng linh hoạt, đã được chứng minh, mang lại trải nghiệm tối ưu cho người dùng trên nhiều kích thước màn hình có sẵn trên Wear OS.
Sử dụng các nguyên tắc giao diện người dùng thích ứng và thích ứng để mang lại trải nghiệm chất lượng cao nhất cho mọi người. Giao diện người dùng thích ứng sẽ kéo giãn và thay đổi để tận dụng tối đa mọi không gian màn hình có sẵn, bất kể màn hình có kích thước như thế nào.
Giao diện người dùng thích ứng thay đổi một cách linh hoạt, sử dụng các thành phần và phương thức được tích hợp trực tiếp vào logic bố cục. Các bố cục này cũng sử dụng các điểm ngắt kích thước màn hình – áp dụng một thiết kế khác nhau trên các kích thước màn hình khác nhau – để tạo ra trải nghiệm phong phú hơn cho mọi người.
Sử dụng các bố cục phổ biến đã được thiết lập
Sử dụng các bố cục chuẩn đã thiết lập để giúp giao diện người dùng thích ứng liền mạch trên một loạt kích thước thiết bị. Những bố cục chuẩn này mang lại trải nghiệm chất lượng cao trên mọi kích thước màn hình.

Thẻ thông tin (bố cục không cuộn)
Thẻ thông tin là bố cục chế độ xem không cuộn, cho phép người dùng truy cập nhanh vào thông tin và thao tác cần thực hiện để hoàn tất công việc. Chỉ cần thao tác vuốt trên mặt đồng hồ, người dùng có thể xem tiến bộ của mình trong việc đạt được mục tiêu rèn luyện thể chất, xem thông tin thời tiết, cũng như làm nhiều việc khác. Chạy một ứng dụng hoặc nhanh chóng hoàn tất công việc cần thiết nhờ có thẻ thông tin.

Ứng dụng (bố cục cuộn)
Bố cục chế độ xem cuộn của ứng dụng bao gồm danh sách (ScalingLazyColumn
) và hộp thoại.
Các bố cục này chiếm phần lớn màn hình ứng dụng và đại diện cho một tập hợp các thành phần cần điều chỉnh cho phù hợp với kích thước màn hình lớn hơn.

Ứng dụng (bố cục không cuộn)
Bố cục chế độ xem ứng dụng không cuộn bao gồm trình phát nội dung đa phương tiện, bộ chọn, trình chuyển đổi, một số hộp thoại và màn hình theo dõi hoặc thể dục đặc biệt sử dụng chỉ báo tiến trì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-26 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-26 UTC."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]