Google đã làm gì với Android để điện thoại gập có được trải nghiệm tốt hơn? (Phần 2)

• Lớp Mở rộng (Expanded – > 840dp): Dành cho máy tính bảng cỡ lớn, laptop chạy Android hoặc chế độ Desktop. Tại đây, ứng dụng có đủ không gian để triển khai các bố cục đa bảng phức tạp, cố định ngăn kéo điều hướng và hiển thị nhiều cột nội dung đồng thời.

Responisve và Adaptive

Trong quy trình tối ưu, nhà phát triển phải kết hợp cả hai phương pháp thiết kế để đạt được hiệu quả cao nhất.

Responsive hay thiết kế đáp ứng: Tập trung vào việc thay đổi kích thước và vị trí của các thành phần dựa trên tỷ lệ màn hình. Chẳng hạn, một lưới ảnh có thể hiển thị 3 cột trên điện thoại và tự động giãn ra thành 5 cột trên máy tính bảng. Công cụ chủ đạo ở đây là ConstraintLayout, giúp các thành phần giao diện tự liên kết với nhau và với các cạnh màn hình một cách linh hoạt.

Adaptive hay thiết kế thích ứng: Đây là bước tiến cao hơn, nơi cấu trúc của ứng dụng thay đổi hoàn toàn tại các điểm ngắt. Ví dụ, một ứng dụng ghi chú trên điện thoại chỉ hiện danh sách các ghi chú, nhưng khi phát hiện màn hình ở lớp “Expanded”, nó sẽ tự động hiển thị danh sách ở bên trái và nội dung soạn thảo ở bên phải. Quy trình này đòi hỏi nhà phát triển phải tạo ra nhiều tệp tài nguyên bố cục khác nhau hoặc sử dụng các logic lập trình hiện đại để “vẽ” lại giao diện dựa trên lớp kích thước cửa sổ hiện tại.

Tính liên tục

Đối với người dùng điện thoại gập, một trong những trải nghiệm quan trọng nhất là tính liên tục khi chuyển đổi giữa màn hình ngoài và màn hình trong. Quy trình này trong kỹ thuật Android được gọi là xử lý “Configuration Change”.
Mặc định, khi kích thước màn hình thay đổi (ví dụ khi mở điện thoại gập), hệ thống Android sẽ hủy bỏ hoạt động hiện tại và tạo mới (recreate) nó để áp dụng các tài nguyên đồ họa mới phù hợp hơn. Nếu nhà phát triển không xử lý đúng cách, người dùng sẽ gặp phải các tình trạng khó chịu như: video đang xem bị tải lại từ đầu, văn bản đang gõ bị biến mất, hoặc trang web đang cuộn bị nhảy về đầu trang.

Để giải quyết vấn đề này, quy trình tối ưu hóa bao gồm:

• Lưu trạng thái giao diện (UI State): Nhà phát triển sử dụng các bộ lưu trữ tạm thời như SavedStateHandle hoặc ViewModel để giữ lại các biến trạng thái quan trọng trước khi ứng dụng bị tái tạo.

• Duy trì trạng thái đa phương tiện: Ứng dụng phải đảm bảo các luồng phát media tiếp tục diễn ra một cách liền mạch. Ví dụ, Spotify phải tiếp tục phát nhạc mà không bị khựng lại dù người dùng đang thay đổi kích thước cửa sổ từ nhỏ sang lớn.

• Quản lý tài nguyên độc quyền: Trong chế độ đa nhiệm, ứng dụng phải xử lý thông minh việc chia sẻ camera hoặc microphone. Chẳng hạn, nếu một ứng dụng họp trực tuyến đang mở và người dùng mở thêm một ứng dụng chụp ảnh, ứng dụng đầu tiên phải biết cách tạm dừng quyền truy cập camera một cách duyên dáng thay vì bị crash.

Tuy nhiên đời đâu như là mơ, bộ quy chuẩn thì Google đã có rồi nhưng mà thực tế đang xảy ra là các ứng dụng có tuân thủ theo quy chuẩn này không lại là một câu chuyện khác mình sẽ chia sẻ tiếp ở phần sau.