Mở ra những khả năng mới với bố cục thích ứng trong Compose 1.2 (phiên bản beta)

Với các kiểu dáng thiết bị mới như Pixel 10 Pro Fold gia nhập 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 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 và phản hồi nhanh 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 canvas lớn hơn

Thư viện bố cục thích ứng trong Compose là bộ công cụ nền tảng của chúng tôi để xây dựng 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 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 đ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 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 linh hoạt 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. Các điểm ngắt mới này là 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à làm cho ứng dụng của bạn hoạt động trên màn hình lớn hơn mà còn là làm cho ứ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 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ông việc nhanh hơn.

Kiểu phát triển thích ứng chu đáo này 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 thấy rằng những người dùng sử dụng ứng dụng trên cả điện thoại và màn hình lớn hơ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 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 dùng thử 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 trên đó, 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 dùng thử 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 tế

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

• Kiểm kê: Bước đầu tiên là xem bạn đang ở đâu. Kiểm thử ứng dụng của bạn trên thiết bị có màn hình lớn hoặc với 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ư Bố cục thích ứng trong Compose để xây dựng 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à 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 vượt ra ngoài chức năng cơ bả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 theo ngữ cảnh khi nhấp chuột phải và hỗ trợ các 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ề nơi ứng dụng của bạn có thể phát triển. 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, lật và màn hình tại developer.android.com/adaptive-apps.