Với các kiểu dáng thiết bị mới như Pixel 10 Pro Fold tham gia hệ sinh thái Android, việc phát triển ứng dụng thích ứng là điều cần thiết để tạo ra trải nghiệm người dùng chất lượng cao trên điện thoại, máy tính bảng và thiết bị có thể gập lại. Người dùng mong muốn giao diện người dùng của ứng dụng có thể thích ứng liền mạch với các kích thước và tư thế khác nhau này.

Để giúp bạn xây dựng những trải nghiệm linh hoạt này một cách hiệu quả hơn, chúng tôi xin thông báo rằng Thư viện bố cục thích ứng trong Compose 1.2 chính thức bước vào giai đoạn beta. Bản phát hành này cung cấp các công cụ mới mạnh mẽ để tạo giao diện người dùng bóng bẩy, có khả năng phản hồi cho hệ sinh thái thiết bị đang mở rộng này.

Các công cụ mới mạnh mẽ cho một khung hiển thị lớn hơn

Thư viện bố cục thích ứng trong Compose là bộ công cụ cơ bản của chúng tôi để xây dựng giao diện người dùng có khả năng thích ứng trên nhiều kích thước cửa sổ. Bản phát hành beta mới này được trang bị các tính năng mạnh mẽ giúp bạn tạo bố cục phức tạp với ít mã hơn. Các tính năng bổ sung chính bao gồm:

• Các chiến lược bố cục mới mạnh mẽ: Phiên bản beta giới thiệu các chiến lược bố cục mới như reflow (tái bố cục) và levitate (nổi), được thiết kế để giúp bạn xây dựng các bố cục thích ứng trông đẹp mắt trên cả màn hình ngoài và màn hình trong của một thiết bị như Pixel 10 Pro Fold, Galaxy Z Fold7 và Z Flip7.
• Các lớp kích thước cửa sổ mới: Bản phát hành này bổ sung tính năng hỗ trợ tích hợp cho các lớp kích thước cửa sổ mới là Lớn và Rất lớn. Các điểm ngắt mới này là điều cần thiết để thiết kế và kích hoạt các thay đổi phong phú về giao diện người dùng nhiều ngăn trên các màn hình rộng như máy tính bảng và thiết bị có thể gập lại kích thước lớn.

Hai chiến lược mới về điều chỉnh ngăn: reflow (tái bố cục) (bên trái) và levitate (nổi) (bên phải)

Để xem danh sách đầy đủ các thay đổi, hãy tham khảo tài liệu phát hành chính thức. Khám phá hướng dẫn của chúng tôi về bố cục chính tắc và cách xây dựng bố cục ngăn hỗ trợ.

Thu hút nhiều người dùng hơn trên mọi màn hình

Việc áp dụng tư duy thích ứng không chỉ là một phương pháp hay nhất mà còn là một chiến lược tăng trưởng. Mục tiêu không chỉ là giúp ứng dụng của bạn hoạt động trên màn hình lớn hơn mà còn là giúp ứng dụng trở nên nổi bật bằng cách trở nên trực quan hơn đối với người dùng. Thay vì chỉ kéo giãn một bố cục một cột, hãy nghĩ về cách bạn có thể sử dụng không gian bổ sung để tạo ra trải nghiệm hiệu quả và hấp dẫn hơn.

Đây là nguyên tắc cốt lõi đằng sau các chiến lược bố cục linh hoạt như reflow, một tính năng mới mạnh mẽ trong phiên bản beta 1.2 của Bố cục thích ứng trong Compose được thiết kế để giúp bạn xây dựng các giao diện người dùng này. Ví dụ: một điểm xuất phát tuyệt vời là áp dụng bố cục nhiều ngăn. Bằng cách hiển thị danh sách và chế độ xem chi tiết tương ứng cạnh nhau, bạn sẽ giảm số lần nhấn và cho phép người dùng hoàn thành các tác vụ nhanh hơn.

Kiểu phát triển thích ứng chu đáo này là điều thực sự giúp tăng mức độ tương tác. Và như chúng tôi đã nêu bật trong tập mới nhất của #TheAndroidShow, đây là lý do chúng tôi nhận thấy rằng những người dùng sử dụng một ứng dụng trên cả điện thoại và màn hình lớn hơn có mức độ gắn bó cao hơn gần gấp 3 lần. Việc xây dựng theo cách thích ứng không chỉ giúp người dùng hiện tại hài lòng hơn mà còn tạo ra trải nghiệm có giá trị và hấp dẫn hơn, giúp xây dựng lòng trung thành lâu dài và giúp bạn tiếp cận người dùng mới.

Hệ sinh thái Android đang mở rộng, từ thiết bị có thể gập lại đến máy tính

Sự thay đổi này theo hướng thiết kế thích ứng mở rộng trên toàn bộ hệ sinh thái Android. Từ Pixel 10 Pro Fold mới đến các thiết bị có thể gập lại mới nhất của Samsung Galaxy, nhà phát triển có cơ hội thu hút một cơ sở người dùng lớn và đang phát triển trên hơn 500 triệu thiết bị có màn hình lớn.

Đây cũng là lý do chúng tôi tiếp tục đầu tư vào các trải nghiệm hướng đến tương lai như Màn hình được kết nối, hiện có thể dùng thử trong bản xem trước dành cho nhà phát triển. Tính năng này mở ra các nền tảng và mô hình tương tác mới để ứng dụng chạy, cho phép các tính năng thực sự ở cấp máy tính và quy trình làm việc nhiều phiên bản. Trước đây, chúng tôi đã chia sẻ thông tin chi tiết về cách bạn có thể bắt đầu với bản xem trước dành cho nhà phát triển của Màn hình được kết nối và xem cách tính năng này định hình tương lai của trải nghiệm trên nhiều thiết bị.

Áp dụng các nguyên tắc thích ứng vào thực tiễn

Đối với những nhà phát triển muốn chuẩn bị ứng dụng cho tương lai thích ứng này, sau đây là một số phương pháp hay nhất quan trọng cần lưu ý:

• Lập danh sách: Bước đầu tiên là xem vị trí hiện tại của bạn. Kiểm thử ứng dụng của bạn trên một thiết bị có màn hình lớn hoặc bằng trình mô phỏng có thể đổi kích thước trong Android Studio để xác định các điểm cần cải thiện, chẳng hạn như giao diện người dùng bị kéo giãn hoặc các vấn đề về khả năng sử dụng.
• Hỗ trợ bố cục được tối ưu hoá: Sử dụng các thư viện như Compose Adaptive Layouts để xây dựng giao diện người dùng có khả năng thích ứng với nhiều kích thước cửa sổ và tư thế thiết bị. Ứng dụng của bạn phải hoạt động tốt ở cả hướng dọc và ngang mà không hạn chế hướng.
• Suy nghĩ vượt ra ngoài thao tác chạm: Trải nghiệm thích ứng tuyệt vời có nghĩa là hỗ trợ tất cả các phương thức nhập. Điều này không chỉ dừng lại ở chức năng cơ bản mà còn bao gồm các chi tiết chu đáo mà người dùng mong đợi, chẳng hạn như trạng thái di chuột cho con trỏ chuột, trình đơn ngữ cảnh khi nhấp chuột phải và hỗ trợ phím tắt.

Tiềm năng của ứng dụng không còn bị giới hạn ở một màn hình. Khám phá thư viện thiết kế màn hình lớn và nguyên tắc về chất lượng ứng dụng ngay hôm nay để hình dung về những nơi mà ứng dụng của bạn có thể vươn tới. Lấy cảm hứng và tìm các mẫu thiết kế, hướng dẫn chính thức và ứng dụng mẫu mà bạn cần để xây dựng cho mọi thiết bị có thể gập lại, thiết bị có thể lật và màn hình tại developer.android.com/adaptive-apps.