Thiết bị Android có nhiều kiểu dáng, bao gồm điện thoại, máy tính bảng, thiết bị có thể gập lại, thiết bị ChromeOS, với nhiều kích thước màn hình. Android hỗ trợ nhiều chế độ hiển thị, trong đó có chế độ nhiều cửa sổ, nhiều màn hình, chế độ tự do và hình trong hình. Thiết bị có thể gập lại có thể ở nhiều trạng thái hoặc tư thế, chẳng hạn như tư thế trên mặt bàn hoặc tư thế quyển sách.
Hãy cân nhắc các trường hợp sử dụng khác nhau cho ứng dụng của bạn khi bạn bắt đầu thiết kế ứng dụng. Ví dụ:
Thiết bị màn hình lớn giúp người dùng có nhiều không gian hơn để tương tác với nội dung của ứng dụng nội dung đa phương tiện theo nhiều cách.
Người dùng có thể làm nhiều việc cùng lúc trong khi xem video ở cấu hình nhiều cửa sổ hoặc tận dụng màn hình lớn hơn để áp dụng các thao tác chỉnh sửa phức tạp hơn sau khi chụp ảnh.
Người dùng có thể chuyển sang dùng máy tính bảng để duy trì kết nối thông qua cuộc gọi video và xem bạn bè và gia đình một cách chi tiết hơn. Ứng dụng của bạn có thể hiển thị ngữ cảnh phong phú hơn về một tiêu đề hoặc cảnh trong lớp phủ phát tuỳ chỉnh hoặc cung cấp thêm các lựa chọn điều khiển trên màn hình.
Các băng chuyền trong chế độ xem duyệt có thể có nhiều nội dung hơn để tăng tính hấp dẫn về mặt hình ảnh hoặc ứng dụng nội dung đa phương tiện có thể giúp người dùng tương tác bằng cách cung cấp nguồn cấp dữ liệu có thể duyệt cạnh với nội dung phát.
Xin lưu ý rằng ứng dụng nội dung đa phương tiện của bạn có cùng mã chạy trên điện thoại tiêu chuẩn, thiết bị có thể gập lại, máy tính bảng và thiết bị ChromeOS. Vì vậy, bạn nên thiết kế cho màn hình lớn ngay từ đầu quá trình phát triển ứng dụng. Để biết thêm thông tin và ví dụ trực quan, hãy xem Thư viện màn hình lớn.
Đặt ứng dụng nội dung đa phương tiện của bạn ở chế độ thích ứng theo mặc định
Tránh trải nghiệm người dùng bị gián đoạn trong ứng dụng nội dung đa phương tiện bằng cách tạo bố cục thích ứng cho ứng dụng trên điện thoại, máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS.
Ứng dụng của bạn phải thích ứng để phù hợp với nhiều kích thước màn hình, hướng và kiểu dáng. Bố cục thích ứng thay đổi dựa trên không gian màn hình hiện có. Để biết thêm thông tin, hãy xem bài viết Hỗ trợ nhiều kích thước màn hình.
Thiết kế theo nguyên tắc
Chất lượng ứng dụng cốt lõi là cơ sở của tất cả ứng dụng Android bất kể kích thước hiển thị, tư thế thiết bị hay các yếu tố khác dành riêng cho thiết bị. Ứng dụng của bạn phải đáp ứng các yêu cầu cơ bản này trước khi bạn bắt đầu thiết kế cho màn hình lớn. Để biết thêm thông tin, hãy xem Chất lượng ứng dụng cốt lõi.
Ứng dụng của bạn phải mang lại trải nghiệm người dùng tuyệt vời bất kể kiểu dáng thiết bị, kích thước màn hình, chế độ hiển thị hoặc tư thế. Vì vậy, hãy thiết kế ứng dụng theo các nguyên tắc Cấp 1, 2 và 3 sau đây.
Các nguyên tắc này đưa ra một bộ yêu cầu toàn diện về chất lượng cho hầu hết các loại ứng dụng Android.
Cấp 3:
Ở cấp độ cơ bản này, ứng dụng của bạn vẫn phải tuân thủ các yêu cầu về giao diện người dùng và đồ hoạ. Ứng dụng của bạn đã sẵn sàng cho màn hình lớn và người dùng có thể hoàn tất các quy trình tác vụ quan trọng nhưng trải nghiệm người dùng chưa được tối ưu.
Bố cục ứng dụng có thể chưa lý tưởng, nhưng ứng dụng sẽ chạy ở chế độ toàn màn hình hoặc toàn cửa sổ ở chế độ nhiều cửa sổ. Ứng dụng không có khung viền hòm thư và không chạy ở chế độ tương thích. Ứng dụng cung cấp tính năng hỗ trợ cơ bản cho các thiết bị đầu vào bên ngoài, bao gồm cả bàn phím, chuột và bàn di chuột. Để biết thêm thông tin, hãy xem bài viết Sẵn sàng cho màn hình lớn.
Cấp 2:
Ở đây, ứng dụng của bạn triển khai chế độ tối ưu hoá bố cục cho tất cả kích thước màn hình và cấu hình thiết bị, cũng như tăng cường mức độ hỗ trợ cho các thiết bị đầu vào bên ngoài. Để biết thông tin chi tiết, hãy xem bài viết Tối ưu hoá cho màn hình lớn.
Cấp 1:
Đây là cấp độ hỗ trợ tốt nhất và mang lại cho người dùng trải nghiệm tuyệt vời nhất với ứng dụng của bạn, vì cấp độ này chỉ định các tính năng và chức năng cao cấp.
Nếu cần, ứng dụng sẽ hỗ trợ tính năng đa nhiệm, các tư thế có thể gập lại, chức năng kéo và thả cũng như nhập bằng bút cảm ứng. Ở cấp độ này, các ứng dụng có sự khác biệt cao. Vì vậy, hãy chú ý đến các nguyên tắc về những yếu tố như đa nhiệm và tư thế có thể gập lại. Để tìm hiểu thêm, hãy xem bài viết Dành riêng cho màn hình lớn.
Bố cục được tối ưu hoá
Tận dụng không gian tăng lên của màn hình lớn mà không có khung viền hòm thư (do hạn chế hướng) hoặc kéo giãn. Bằng cách tối ưu hoá bố cục của ứng dụng cho nội dung đa phương tiện và mạng xã hội, bạn sẽ mở rộng phạm vi tiếp cận của ứng dụng và tạo trải nghiệm người dùng tốt hơn trên tất cả kiểu dáng màn hình lớn (máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS), cũng như hỗ trợ tất cả kích thước điện thoại.
Các thành phần ngăn và dải điều hướng cung cấp chế độ điều hướng từ xa để dễ dàng sử dụng và điều khiển giao diện người dùng. Các thành phần này cũng bổ trợ cho bố cục chuẩn (danh sách-chi tiết, nguồn cấp dữ liệu và ngăn hỗ trợ) bằng cách định vị đích đến điều hướng chính trong phạm vi tiếp cận dễ dàng mà chỉ chiếm một không gian màn hình tối thiểu.
Bố cục nội dung đa phương tiện
Giúp ứng dụng của bạn hữu dụng hơn bằng cách triển khai các bố cục dành riêng cho nội dung đa phương tiện cho danh sách-chi tiết, nguồn cấp dữ liệu và ngăn hỗ trợ. Để biết thông tin về bố cục MDX, Flutter và Compose, hãy xem Tài nguyên bố cục.
Danh sách-chi tiết: Thiết kế ứng dụng của bạn bằng trình duyệt nội dung đa phương tiện tương tác cho phép người dùng duyệt các nội dung đa phương tiện khác nhau trong khi xem hoặc nghe. Các tiêu đề nội dung đa phương tiện được hiển thị cạnh một video hoặc tệp âm thanh đang phát. Nếu hướng thiết bị thay đổi, bố cục danh sách-chi tiết sẽ phản hồi để duy trì trạng thái ứng dụng. Để tìm hiểu thêm, hãy xem bài viết Bố cục danh sách-chi tiết.
Nguồn cấp dữ liệu: Bố cục nguồn cấp dữ liệu sắp xếp các thành phần với nội dung tương đương trong lưới có thể định cấu hình để thuận tiện xem nhanh một lượng lớn nội dung, chẳng hạn như nguồn cấp dữ liệu nhạc hoặc ki-ốt phim và chương trình truyền hình trong ứng dụng của bạn. Để biết thêm thông tin, hãy xem bài viết Bố cục nguồn cấp dữ liệu.
Ngăn hỗ trợ: Với các vùng hiển thị chính và phụ, ứng dụng của bạn có thể nhúng ngăn hỗ trợ cho ngữ cảnh, mức độ liên quan hoặc tham chiếu, chẳng hạn như danh sách cuộn gồm các tiêu đề tương tự, bài đánh giá đã đăng hoặc tác phẩm bổ sung của cùng nghệ sĩ hoặc diễn viên đó. Để biết thêm thông tin chi tiết, hãy xem bài viết Bố cục ngăn hỗ trợ.
Để xem bộ sưu tập tuyển chọn các bố cục nội dung đa phương tiện, hãy xem Thư viện nội dung đa phương tiện.
Bố cục mạng xã hội
Màn hình lớn giúp người dùng mạng xã hội có nhiều không gian làm việc hơn để sáng tạo, làm nhiều việc cùng lúc, kéo nội dung giữa các ứng dụng và chia sẻ nội dung đó. Với các tính năng và chức năng đặc biệt không có trên những thiết bị có màn hình nhỏ, ứng dụng nội dung đa phương tiện trên màn hình lớn có thể tận dụng bố cục danh sách-chi tiết, nguồn cấp dữ liệu và ngăn hỗ trợ.
Danh sách-chi tiết: Bố cục này rất lý tưởng cho ứng dụng nhắn tin, trình quản lý danh bạ hoặc trình duyệt tệp. Ví dụ: ứng dụng của bạn có thể hiển thị danh sách các cuộc trò chuyện cạnh nhau cùng với thông tin chi tiết để luôn cập nhật các tin nhắn mới nhất. Để biết thêm thông tin, hãy xem bài viết Bố cục danh sách-chi tiết.
Nguồn cấp dữ liệu: Các thành phần phổ biến trong kiểu bố cục này là thẻ và danh sách. Ví dụ: tạo ảnh ghép gồm các bài đăng ở định dạng lưới linh hoạt hoặc sử dụng kích thước và vị trí để thu hút sự chú ý đến các bài đăng nổi bật. Người dùng có thể nhanh chóng xem các nhóm nội dung lớn. Để biết thêm thông tin, hãy xem bài viết Bố cục nguồn cấp dữ liệu.
Ngăn hỗ trợ: Ứng dụng tìm kiếm và tham chiếu hoặc ứng dụng cải thiện hiệu suất có thể hưởng lợi từ kiểu bố cục này. Bố cục này giúp người dùng luôn sẵn có bộ công cụ sáng tạo nội dung. Ví dụ: ứng dụng của bạn có thể cho phép người dùng điều chỉnh các chế độ cài đặt, truy cập vào bảng màu, áp dụng hiệu ứng và xem các thay đổi tức thì. Để biết thêm thông tin, hãy xem bài viết Bố cục ngăn hỗ trợ.
Để xem bộ sưu tập tuyển chọn các bố cục truyền thông xã hội, hãy xem trang Thư viện mạng xã hội.
Các phương pháp hay nhất cho ứng dụng nội dung đa phương tiện trên màn hình lớn
Việc sử dụng các phương pháp hay nhất cho màn hình lớn giúp bạn tránh phải làm lại ứng dụng một cách không cần thiết. Các phương pháp này cũng giúp ứng dụng của bạn thân thiện hơn với người dùng trên nhiều thiết bị ngay từ đầu, đặc biệt là về hướng, phím tắt, hỗ trợ bản xem trước của máy ảnh và tư thế có thể gập lại.
Hướng và khả năng đổi kích thước
Nếu ứng dụng nội dung đa phương tiện của bạn khai báo các quy tắc hạn chế về hướng và khả năng đổi kích thước, thì Android sẽ kích hoạt chế độ tương thích. Mặc dù chế độ tương thích đảm bảo ứng dụng của bạn hoạt động ở mức chấp nhận được, nhưng khả năng hữu dụng sẽ giảm đáng kể và trải nghiệm người dùng sẽ bị ảnh hưởng.
Ví dụ: nếu ứng dụng của bạn đang chạy trên máy tính bảng, thì máy tính bảng sẽ được gắn vào đế ở hướng ngang. Nếu ứng dụng của bạn bị hạn chế ở hướng dọc, thì ứng dụng sẽ có khung viền hòm thư, điều này không lý tưởng cho người dùng cuối. Ứng dụng của bạn phải cho phép mọi người sử dụng hướng ưu tiên của họ. Vì vậy, hãy tận dụng kích thước hiện có của màn hình lớn trong thiết kế của bạn.
Mọi quy tắc hạn chế về hướng đều làm giảm cách người dùng có thể tương tác với nội dung hoặc sử dụng nội dung đa phương tiện, điều này hạn chế việc sử dụng ứng dụng của bạn. Việc thay đổi hướng có thể ảnh hưởng đến kích thước ở một mức độ nào đó nhưng việc đổi kích thước không nhất thiết sẽ thay đổi hướng.
Phím tắt
Trên màn hình lớn hơn, các phím tắt trên bàn phím thực, chẳng hạn như bắt đầu, dừng, tạm dừng, tua lại và tua đi, có nhiều khả năng được sử dụng hơn, giúp mang lại trải nghiệm người dùng nhất quán với bàn phím.
Người dùng mong muốn có các chức năng này trong ứng dụng nội dung đa phương tiện của họ. Để giảm các điểm gây khó khăn cho người dùng, hãy cân nhắc kiểm thử ứng dụng của bạn bằng bàn phím thực. Điều này giúp bạn nhận thấy và đưa các phím tắt quan trọng này vào ứng dụng của mình ngay từ khi bắt đầu thiết kế.
Hỗ trợ bản xem trước của máy ảnh
Với màn hình lớn, bạn có thể gặp nhiều vấn đề hơn về việc kéo giãn, cắt và xoay. Vì vậy, bạn không thể giả định rằng kích thước của bản xem trước của máy ảnh là kích thước mà giao diện người dùng trong ứng dụng nội dung đa phương tiện của bạn thực sự hiển thị.
Ví dụ: nếu người dùng chụp ảnh bằng máy tính bảng nhưng màn hình máy tính bảng hiển thị ảnh bị lộn ngược, thì đây là trải nghiệm chưa tối ưu. Hãy hỗ trợ bản xem trước của máy ảnh cho màn hình lớn.
Để biết thêm thông tin, hãy xem bài viết Bản xem trước của CameraX hoặc Bản xem trước của Camera2.
Tư thế có thể gập lại
Việc thiết kế ứng dụng nội dung đa phương tiện cho màn hình lớn bao gồm cả tư thế có thể gập lại. Ví dụ: ứng dụng của bạn có thể cho phép người dùng có cấu hình trên mặt bàn để phát nội dung đa phương tiện hoặc sử dụng màn hình sau và chế độ màn hình kép để xem trước và chụp.
Khi có tư thế có thể gập lại trong kế hoạch phát triển, ứng dụng của bạn sẽ có trên nhiều thiết bị hơn và có tác động rộng hơn. Bạn sẽ mở rộng trải nghiệm nội dung đa phương tiện cho người dùng theo những cách mà các thiết bị khác không thể thực hiện được nếu không có tư thế có thể gập lại. Để biết thêm thông tin, hãy xem bài viết Tư thế có thể gập lại.