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.
Thẻ thông tin giú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. Bạn có thể vuốt trên mặt đồng hồ để hiển thị băng chuyền thẻ thông tin và các thao tác vuốt khác sẽ chuyển đổi giữa các thẻ thông tin. Bạn không thể cuộn các thẻ thông tin.
Người dùng có thể chọn thẻ thông tin họ muốn xem. Có các thẻ thông tin để kiểm tra thời tiết, đặt bộ tính giờ, theo dõi tiến trình tập thể dục hằng ngày, bắt đầu nhanh một bài tập thể dục, phát một bài hát, quét một cuộc họp sắp tới và gửi tin nhắn cho một người liên hệ yêu thích.
Hình 1.: Thẻ thông tin giúp người dùng truy cập vào thông tin và thao tác.
Thay vì sử dụng Compose (hoặc Khung hiển thị), Thẻ thông tin được xác định theo cách khai báo bằng cách sử dụng thư viện protolayout và thẻ thông tin của Jetpack. Vì Thẻ thông tin được hiển thị trong một môi trường riêng biệt, từ xa, nên các thẻ thông tin yêu cầu nhiều phương pháp để tải, hiển thị và cập nhật dữ liệu trong đó. Tính đơn giản của các ứng dụng này giúp bạn dễ dàng tạo, kiểm thử và triển khai.
Nguyên tắc cốt lõi
Wear OS cung cấp các thẻ thông tin như là cách để bạn hiện một lượng nhỏ thông tin quan trọng mà người dùng có thể đọc qua sau khi liếc nhanh một thẻ thông tin trong vài giây. Để cung cấp trải nghiệm chất lượng cao này cho người dùng, hãy làm theo các phương pháp hay nhất sau đây:
Không cho phép có quá nhiều thẻ thông tin với quá nhiều nội dung. Thay vào đó, hãy cho phép người dùng nhấn vào thẻ thông tin để tìm hiểu thêm và thao tác trên một nền tảng khác trong ứng dụng của bạn. Hãy xem phần Thêm (ít nhất) một vùng chứa.
Xác định bố cục và nội dung của thẻ thông tin theo cách khai báo. Hệ thống chịu trách nhiệm kết xuất cuối cùng.
Không tìm nạp nội dung thường xuyên hoặc bắt đầu một tác vụ không đồng bộ chạy trong thời gian dài trong dịch vụ thẻ thông tin. Để thực hiện công việc có thể mất nhiều thời gian hoàn thành (ví dụ: lệnh gọi mạng), hãy dùng WorkManager để lên lịch các tác vụ trong nền và lưu kết quả vào bộ nhớ đệm hoặc bộ nhớ cục bộ.
Đề xuất cho bạn
Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắ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,["# Tiles provide quick access to the information and actions users need to get\nthings done. The tiles carousel is revealed by a swipe on the watch face, and\nadditional swipes will switch between tiles. Tiles themselves cannot be\nscrolled.\n\nUsers can choose what tiles they want to see. There are tiles to check the\nweather, set a timer, track daily fitness progress, quick-start a workout, play\na song, scan an upcoming meeting, and send a message to a favorite contact.\n**Figure 1.**: Tiles give users access to information and actions.\n\nInstead of using [Compose](/compose) (or [Views](/develop/ui/views/layout/declaring-layout)), Tiles are defined declaratively\nusing Jetpack's [protolayout](/jetpack/androidx/releases/wear-protolayout) and [tiles](/jetpack/androidx/releases/wear-tiles) libraries. Because Tiles are\nrendered in a separate, remote environment, they require different approaches to\nload, display, and update data within them. Their simplicity makes them\nstraightforward to build, test, and deploy.\n\nCore principles\n---------------\n\nWear OS provides tiles as a way for you to show a small amount of key\ninformation, which users can read through after they glance at a tile for a few\nseconds. To provide this high-quality experience for users, follow these best\npractices:\n\n- Don't overcrowd tiles with too much content. Instead, allow users to tap on tiles to learn more and take action on another surface in your app. See [Include (at least) one container](/design/ui/wear/guides/surfaces/tiles/bestpractices#include_at_least_one_container).\n- Declaratively define your tile's layout and content. The system is responsible for the final rendering.\n- Don't fetch content frequently or start long-running asynchronous work in your tile service. To perform work which may take some time to complete---such as network calls---use [WorkManager](/topic/libraries/architecture/workmanager/how-to/define-work#expedited) to schedule background tasks, and cache or store the results in local storage.\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Show dynamic updates in tiles](/training/wearables/tiles/dynamic)\n- [Migrate to ProtoLayout namespaces](/training/wearables/tiles/migrate-to-protolayout)"]]