Các băng chuyền nổi bật hiển thị tuyển tập nội dung có liên quan đến người dùng.
Tài nguyên
Loại | Đường liên kết | Trạng thái |
---|---|---|
Thiết kế | Nguồn thiết kế (Figma) | Có |
Triển khai | Jetpack Compose | Có |
Tiêu điểm
- Sử dụng băng chuyền nổi bật để làm nổi bật nội dung cụ thể.
- Băng chuyền nổi bật có thể bao gồm các phần tử trên giao diện người dùng như hình ảnh, dòng tiêu đề, thông tin chi tiết về nội dung, video, thao tác và chế độ điều khiển phân trang.
- Băng chuyền thường nằm trên trang chủ hoặc trang đích của ứng dụng, giúp bạn dễ dàng truy cập.
- Các băng chuyền nổi bật có hình ảnh bắt mắt, giúp thu hút người dùng và tạo trải nghiệm sống động.
- Nội dung hiển thị có thể được cá nhân hoá dựa trên nhật ký xem, lựa chọn ưu tiên của người dùng hoặc xu hướng hiện tại.
Biến thể
Có hai cách để tích hợp băng chuyền nổi bật:
- Nhập vai
- Thẻ
Khối nội dung
Phân tích
- Văn bản gạch đầu
- Tiêu đề
- Nội dung mô tả
- Nút
Thông số
Phân trang
Phân tích
- Thông tin khái quát
- Phần tử đang hoạt động
- Phần tử không hoạt động
- Tổng số phần tử
Thông số
Nhập vai
Phân tích
- Nền hình ảnh
- Màn hình điện ảnh
- Áp phích
- Màu nền
- Khối nội dung
- Phân trang
- Lưới nội dung
Thông số
Thẻ
Phân tích
- Nền hình ảnh
- Màn hình điện ảnh
- Áp phích
- Nền thẻ
- Khối nội dung
- Phân trang
- Lưới nội dung
Thông số
Cách sử dụng
Sử dụng băng chuyền nổi bật để giới thiệu và quảng bá bộ sưu tập nội dung được tuyển chọn theo định dạng hấp dẫn, bắt mắt và dễ thao tác.
Hình ảnh trong nền
Hình ảnh trong nền đóng vai trò quan trọng trong việc cải thiện mức độ tương tác của người dùng trong băng chuyền nổi bật của ứng dụng truyền trực tuyến.
Hình ảnh chất lượng cao
Sử dụng hình ảnh có độ phân giải cao, bắt mắt và phù hợp với nội dung của thẻ được lấy tiêu điểm.
![](https://developer.android.google.cn/static/design/ui/tv/guides/components/images/carousel/card-fc-text-do.webp?authuser=6&hl=vi)
Nên
![](https://developer.android.google.cn/static/design/ui/tv/guides/components/images/carousel/card-fc-text-dont.webp?authuser=6&hl=vi)
Không nên
Hệ phân cấp hình ảnh rõ ràng
Đảm bảo nền không làm sao lãng khỏi nội dung của thẻ được lấy tiêu điểm bằng cách dùng màn chắn trên hình ảnh; điều này giúp người dùng duy trì sự tập trung vào tiêu đề, nội dung mô tả và nút kêu gọi hành động của thẻ.
![](https://developer.android.google.cn/static/design/ui/tv/guides/components/images/carousel/visual-hierarchy-do.webp?authuser=6&hl=vi)
Nên
![](https://developer.android.google.cn/static/design/ui/tv/guides/components/images/carousel/visual-hierarchy-dont.webp?authuser=6&hl=vi)