Màn hình TV thường được xem ở khoảng cách khoảng 3 mét và mặc dù lớn hơn nhiều so với hầu hết các màn hình thiết bị khác chạy Android, nhưng màn hình TV không cung cấp cùng mức độ chi tiết và màu sắc như màn hình thiết bị nhỏ hơn. Những yếu tố này đòi hỏi bạn phải tạo bố cục ứng dụng có tính đến các thiết bị TV để mang lại trải nghiệm hữu ích và thú vị cho người dùng tại phòng khách.
Nguyên tắc cơ bản về bố cục
Bố cục cho thiết bị TV phải tuân theo một số nguyên tắc cơ bản để đảm bảo rằng bố cục đó có thể sử dụng được và hiệu quả trên màn hình lớn. Hãy làm theo các mẹo sau để tạo bố cục được tối ưu hoá cho màn hình TV:
- Tạo bố cục theo hướng ngang. Màn hình TV luôn hiển thị ở chế độ ngang.
- Đặt các nút điều khiển thao tác trên màn hình ở bên trái hoặc bên phải màn hình và tiết kiệm không gian dọc cho nội dung.
- Sử dụng kích thước tương đối và thích ứng (chẳng hạn như đơn vị
dpvàsp) để giao diện người dùng có thể điều chỉnh tỷ lệ một cách rõ ràng trên nhiều độ phân giải màn hình. - Thêm đủ khoảng lề và khoảng đệm giữa các chế độ kiểm soát bố cục để tránh giao diện người dùng lộn xộn.
Quét thừa
Bố cục cho TV có một số yêu cầu riêng do sự phát triển của các tiêu chuẩn TV nhằm mang đến hình ảnh toàn màn hình cho người xem. Vì lý do này, các thiết bị TV có thể cắt cạnh ngoài của bố cục ứng dụng để đảm bảo toàn bộ màn hình được lấp đầy. Hành vi này thường được gọi là overscan.
Đặt các phần tử trên màn hình mà người dùng phải nhìn thấy mọi lúc trong vùng an toàn khi quét quá mức. Việc thêm một lề 5% (48 dp) vào các cạnh bên trái và bên phải, cùng 27 dp vào các cạnh trên cùng và dưới cùng của bố cục sẽ giúp đảm bảo rằng các phần tử trên màn hình trong bố cục nằm trong vùng an toàn khi quét quá mức.
Đừng điều chỉnh các phần tử màn hình nền mà người dùng không tương tác trực tiếp và đừng cắt các phần tử vào vùng an toàn khi quét quá mức. Phương pháp này giúp đảm bảo các phần tử màn hình nền xuất hiện chính xác trên tất cả màn hình.
Tạo văn bản và chế độ điều khiển hữu ích
Hãy làm theo những mẹo này để giúp bạn dễ dàng nhìn thấy văn bản và các nút điều khiển trong ứng dụng truyền hình từ xa:
- Chia văn bản thành các đoạn ngắn để người dùng có thể nhanh chóng đọc lướt.
- Sử dụng chữ sáng trên nền tối. Kiểu này dễ đọc hơn trên TV.
- Tránh sử dụng các kiểu chữ mảnh hoặc các kiểu chữ có cả nét rất nhỏ và rất lớn. Sử dụng phông chữ không chân và khử răng cưa để tăng khả năng đọc.
- Đảm bảo tất cả các tiện ích xem đều đủ lớn để người ngồi cách màn hình 10 feet (khoảng 3 mét) có thể nhìn thấy rõ. Sử dụng đơn vị pixel không phụ thuộc vào mật độ (
dp) thay vì đơn vị pixel tuyệt đối và đơn vị pixel có thể mở rộng (sp) cho kiểu chữ.
Để biết thêm thông tin về pixel không phụ thuộc vào mật độ và cách tạo bố cục để xử lý các kích thước màn hình lớn hơn, hãy xem bài viết Tổng quan về khả năng tương thích với màn hình.
Quản lý tài nguyên bố cục cho TV
Giống như mọi thiết bị Android khác, TV có nhiều kích thước màn hình và hỗ trợ nhiều độ phân giải, bao gồm 720p, 1080p và 4K. Đảm bảo ứng dụng của bạn hỗ trợ nhiều kích thước màn hình.
Các kích thước và độ phân giải màn hình khác nhau sẽ có mật độ pixel khác nhau. Để duy trì giao diện người dùng (UI) trên các kích thước màn hình, độ phân giải và mật độ điểm ảnh khác nhau, hãy xác định các phép đo UI bằng cách sử dụng các điểm ảnh không phụ thuộc vào mật độ (dp). Mật độ điểm ảnh màn hình cho các độ phân giải bảng điều khiển TV khác nhau được nêu trong bảng sau:
| Độ phân giải màn hình | Mật độ pixel màn hình |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
Xem Hỗ trợ mật độ điểm ảnh khác nhau và Tổng quan về khả năng tương thích màn hình để biết thêm thông tin.
Các mẫu bố cục cần tránh
Có một vài cách tiếp cận trong việc xây dựng bố cục không hoạt động tốt trên các thiết bị TV. Khi thiết kế bố cục cho TV, hãy tránh các kiểu giao diện người dùng sau:
- Sử dụng lại bố cục của điện thoại hoặc máy tính bảng: Đừng sử dụng lại bố cục của ứng dụng điện thoại hoặc máy tính bảng mà không sửa đổi. Những bố cục được tạo cho các kiểu dáng thiết bị khác chạy Android không phù hợp với thiết bị TV và phải được đơn giản hoá để hoạt động trên TV.
- Sử dụng thanh hành động hoặc menu điện thoại: Thanh hành động trên cùng và menu thả xuống không phù hợp với giao diện TV do khó điều hướng các menu đó bằng điều khiển từ xa.
- Sử dụng chế độ thao tác bằng cử chỉ vuốt: Thao tác trượt hoặc vuốt giữa các màn hình có thể hoạt động hiệu quả trên điện thoại hoặc máy tính bảng, nhưng đừng thử cử chỉ chỉ vuốt trên TV khi người dùng dựa vào điều khiển từ xa có D-pad.
Để biết thêm thông tin về thiết kế bố cục phù hợp với TV, hãy xem Thiết kế cho TV.
Xử lý bitmap lớn
Các thiết bị TV có bộ nhớ hạn chế. Nếu bố cục ứng dụng của bạn sử dụng hình ảnh có độ phân giải rất cao, nó có thể nhanh chóng gặp phải giới hạn bộ nhớ và gây ra lỗi hết bộ nhớ. Sử dụng các thư viện tải và giải mã hình ảnh hiệu quả (chẳng hạn như Coil hoặc Glide) để tìm nạp, giải mã và hiển thị bitmap trong ứng dụng của bạn.
Để biết thêm thông tin về cách đạt được hiệu suất tốt nhất khi xử lý bitmap, hãy tham khảo Các phương pháp hay nhất về đồ hoạ trên Android.
Cung cấp quảng cáo hiệu quả
Đối với môi trường phòng khách, chúng tôi khuyên bạn nên sử dụng các giải pháp quảng cáo video toàn màn hình và có thể tự động tắt sau 30 giây. Bạn phải truy cập được vào chức năng quảng cáo trên Android TV (chẳng hạn như nút đóng và lượt nhấp qua) bằng D-pad thay vì thao tác chạm.
Android TV không cung cấp trình duyệt web. Quảng cáo của bạn không được phép cố gắng mở trình duyệt web hoặc chuyển hướng đến nội dung trên Cửa hàng Google Play không được phê duyệt cho thiết bị Android TV.