Khám phá những khả năng mới với phiên bản thử nghiệm 1.2 của Bố cục thích ứng trong Compose

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 thích ứng liền mạch với những 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 Compose 1.2 chính thức chuyển sang giai đoạn thử nghiệm 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 mượt mà, thích ứng 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 canvas lớn hơn

Thư viện Bố cục thích ứng Compose là bộ công cụ cơ bản của chúng tôi để tạo giao diện người dùng thích ứng với nhiều kích thước cửa sổ. Bản phát hành thử nghiệm mới này có nhiều 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 điểm 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 này giới thiệu các chiến lược bố cục mới như reflow và levitate, được thiết kế để giúp bạn tạo các bố cục độ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ổ Lớn và Rất lớn mới. Những điểm ngắt mới này là yếu tố 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à điện thoại có thể gập lại cỡ lớn.

Hai chiến lược thích ứng ngăn mới: sắp xếp lại (bên trái) và nâng lên (bên phải)

Để xem danh sách đầy đủ các thay đổi, hãy xem 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 chuẩn và 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 để phát triển. 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 cho người dùng. Thay vì chỉ kéo giãn bố cục một cột, hãy nghĩ đến 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à sống động 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 Compose Adaptive Layouts được thiết kế để giúp bạn tạo 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.

Loại hình phát triển thích ứng chu đáo này mới thực sự giúp tăng mức độ tương tác. Và như chúng tôi đã nhấn mạnh trong tập mới nhất của #TheAndroidShow, đây là lý do khiến chúng tôi nhận thấy 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 có mức độ tương tác cao hơn gần gấp 3 lần. Việc xây dựng một 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 bạn xây dựng lòng trung thành lâu dài và tiếp cận người dùng mới.

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

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

Đây cũng là lý do chúng tôi tiếp tục đầu tư vào những trải nghiệm tiên tiến như Màn hình được kết nối. Bạn hiện có thể dùng thử tính năng này trong bản dùng thử 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ự như trên 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 sử dụng Bản dùng thử cho nhà phát triển 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 tế

Đố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, bạn nên lưu ý một số phương pháp hay nhất sau đây:

• Đánh giá tình hình hiện tại: Bước đầu tiên là xem xét tình hình hiện tại của bạn. Kiểm thử ứng dụng 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 những đ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 để tạo giao diện người dù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à hướng ngang mà không hạn chế hướng.
• Không chỉ có thao tác chạm: Trải nghiệm thích ứng tuyệt vời là trải nghiệm hỗ trợ mọi 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 những 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 theo bối 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 trong một màn hình duy nhất. Khám phá thư viện thiết kế cho 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 gì ứng dụng của bạn có thể đạt được. Hãy tìm cảm hứng và các mẫu thiết kế, hướng dẫn chính thức cũng như ứng dụng mẫu mà bạn cần để xây dựng cho mọi chế độ gập, lật và màn hình tại developer.android.com/adaptive-apps.