Xây dựng ứng dụng cho mọi màn hình bằng các bản cập nhật mới nhất của Jetpack Compose tại Hội nghị Nhà phát triển Android

Hệ sinh thái Android là một thực tế đa thiết bị, bao gồm điện thoại, thiết bị gập, máy tính bảng, thiết bị đeo, màn hình trên ô tô, XR và Googlebook. Trong bối cảnh này, phát triển thích ứng là nền tảng để tiếp cận người dùng ở bất cứ đâu.

Jetpack Compose là tiêu chuẩn để xây dựng mọi giao diện người dùng trên Android. Việc chuyển sang hệ thống Chế độ xem cũ mang đến cho bạn một mục tiêu phát triển duy nhất, thống nhất, giúp loại bỏ sự phiền toái khi duy trì các cơ sở mã phân mảnh trên nhiều kiểu dáng. Tuy nhiên, việc xây dựng bố cục thích ứng chỉ là một nửa vấn đề. Khi màn hình gập lại, cửa sổ đổi kích thước hoặc ứng dụng chuyển đổi giữa các kiểu dáng, các giả định về bố cục truyền thống có thể bị phá vỡ và ứng dụng dễ bị mất trạng thái hoặc có cảm giác rời rạc. 

Tại Hội nghị Nhà phát triển Android, chúng tôi đã chia sẻ cách chúng tôi cải tiến nền tảng ứng dụng trên cả giao diện người dùng và cấu trúc bằng cách đưa Compose vào sâu hơn trong lớp dữ liệu của bạn thông qua Jetpack AppState, đồng thời cung cấp cho bạn các thành phần thích ứng như FlexBox và Grid, cũng như các công cụ hỗ trợ tác nhân để mở rộng quy mô trên mọi màn hình.

Hãy xem một số điểm nổi bật trong các thông báo gần đây của chúng tôi bên dưới hoặc truy cập vào trang web dành cho nhà phát triển Android để xem hơn 50 phiên theo yêu cầu, bao gồm cả các phương pháp hay nhất cho nền tảng ứng dụng. 

Cải tiến nền tảng cốt lõi và đưa Compose vượt ra ngoài giao diện người dùng

Bản phát hành ổn định Compose 1.13 sắp tới sẽ mở rộng bộ công cụ này bằng tính năng hỗ trợ tích hợp cho bố cục thích ứng thông qua Grid và Flexbox, cùng các chức năng mới như Làm mờ tăng dần và Văn bản được định dạng. Để xem các tính năng mới nhất về Đồ hoạ như màu chuyển sắc dạng lưới và hiệu ứng làm mờ tăng dần mà không ảnh hưởng đến thời lượng pin hoặc tốc độ khung hình, hãy xem video Nâng tầm ứng dụng bằng các tính năng đồ hoạ mới nhất trong Jetpack Compose và Android. 

Bên cạnh tính năng kết xuất hình ảnh, tính năng chỉnh sửa văn bản trong Compose hiện có BasicTextField được viết lại hoàn toàn với cấu trúc dựa trên vùng đệm và TextFieldState, giúp loại bỏ tình huống tương tranh IME và hỗ trợ cơ chế chỉnh sửa được định dạng văn bản đa dạng thức. Xem video Xây dựng trải nghiệm chỉnh sửa văn bản đáng tin cậy trong Compose để tìm hiểu thêm về sự thay đổi này. 

Khi bạn giới thiệu những trải nghiệm tương tác và hình ảnh phong phú này, việc duy trì tốc độ khung hình mượt mà và độ trễ khởi động thấp là rất quan trọng. Hãy xem bài viết Vượt qua chính mình trong Compose để tìm hiểu cách lập hồ sơ bằng Perfetto và theo dõi quá trình kết hợp lại, xác định các mẫu phản thiết kế tốn kém và duy trì giao diện người dùng hoạt động mượt mà.

Compose cũng đang mở rộng sang lớp kiến trúc với Jetpack AppState, hiện đang ở giai đoạn alpha. AppState đưa hệ thống ảnh chụp nhanh của Compose vào cấu trúc ứng dụng: Transform cho phép bạn lấy trạng thái phản ứng từ dữ liệu đầu vào State và Flow bằng cách sử dụng tính năng theo dõi đọc tự động và luồng điều khiển Kotlin thuần tuý, trong khi StateStore cung cấp cho bạn một vùng chứa có khoá để chia sẻ trạng thái có thể quan sát trên các hoạt động, dịch vụ nền, tiện ích và Chức năng ứng dụng – với tính năng lưu trữ ổn định DataStore không bắt buộc. Xem video Đưa trạng thái Compose ra ngoài giao diện người dùng bằng Jetpack AppState để tìm hiểu cách việc di chuyển trạng thái Compose lên ngăn xếp giúp đơn giản hoá các quy trình trạng thái phức tạp và đồng bộ hoá mọi giao diện của ứng dụng.

Thiết kế hệ thống điều hướng và nhập liệu mạnh mẽ cho nhiều kiểu dáng

Khi ứng dụng ngày càng có nhiều mô-đun, thì thao tác điều hướng và hoạt động đầu vào của người dùng cần phải dễ dự đoán trên mọi điểm truy cập và kích thước màn hình. Với phiên bản 1.2, Jetpack Navigation 3 mang đến tính năng liên kết sâu an toàn về kiểu, tích hợp sẵn cho ngăn xếp lui do nhà phát triển sở hữu. Khi sử dụng Kotlin Serialization, bạn có thể liên kết trực tiếp các URI và ý định đến với các khoá điều hướng được nhập rõ ràng, tuỳ chỉnh cách phân tích cú pháp các đối số phức tạp và tạo ngăn xếp lui tổng hợp một cách lười biếng để thao tác điều hướng quay lại luôn mang lại cảm giác tự nhiên. Để xem cách hoạt động của các API này, hãy xem bài viết Xây dựng đường liên kết sâu an toàn về kiểu bằng Jetpack Navigation 3.

Tính năng xử lý hoạt động đầu vào cũng đã phát triển để hỗ trợ các hoạt động tương tác đa phương thức trên nhiều thiết bị. Hệ thống nhập liệu theo lớp của Compose mở rộng liền mạch ra ngoài thao tác chạm để hỗ trợ bàn di chuột, chuột và các nút điều khiển vật lý. Để xem cách quản lý vòng đời con trỏ, trạng thái di chuột và sự kiện phần cứng trên các kiểu dáng, hãy xem video Mở rộng hoạt động tương tác đầu vào ngoài màn hình cảm ứng bằng Jetpack Compose.

Điều chỉnh giao diện cho phù hợp với màn hình lớn, máy tính và các thiết bị khác

Khi chuyển đổi giữa thiết bị gập, máy tính bảng và máy tính xách tay, giao diện phải thích ứng một cách tự nhiên thay vì chỉ kéo giãn nội dung để lấp đầy màn hình lớn hơn. Việc xây dựng bố cục thích ứng bằng Compose kết hợp Điều hướng 3, WindowManager và quy trình làm việc dựa trên tác nhân để giúp bạn cải tiến bố cục di động thành trải nghiệm nhiều ngăn thích ứng mà không tốn nhiều công sức. Đối với những nhà phát triển muốn cải thiện bố cục hiện có, bài viết Điều chỉnh ứng dụng cho mọi màn hình bằng Compose sẽ hướng dẫn các mẫu kiến trúc nhiều ngăn này và minh hoạ cách tối ưu hoá luồng điều hướng khi kích thước cửa sổ thay đổi.

Việc mở rộng ra ngoài các kiểu dáng thiết bị di động cũng mở ra những cơ hội mới, chẳng hạn như với Googlebook. Để xây dựng trải nghiệm như trên máy tính, bạn cần có thiết bị ngoại vi, môi trường cửa sổ và nhiều yếu tố khác. Trong bài viết Inside the first wave on Googlebook with Notability and Logitech (Bên trong làn sóng đầu tiên trên Googlebook với Notability và Logitech), các đối tác ban đầu chia sẻ các chiến lược kỹ thuật thực tế về cách tối ưu hoá cho các hoạt động tương tác bằng con trỏ, phần cứng bên ngoài và quy trình làm việc cấp máy tính.

Bắt đầu với các kỹ năng Android của chúng tôi 

Để triển khai các mẫu này nhanh hơn nữa, bạn có thể tận dụng kỹ năng Android để hỗ trợ các tác nhân lập trình. Cho dù bạn sử dụng Gemini trong Android Studio hay chạy Android CLI với các tác nhân khác, thì những kỹ năng này đều giúp bạn xử lý các tác vụ nặng và tuân thủ Nguyên tắc về chất lượng thích ứng. Đối với Compose, chúng tôi hiện có:

• Kỹ năng thích ứng mới giúp các tác nhân chuyển đổi màn hình thu gọn thành bố cục nhiều ngăn thích ứng, đồng thời xử lý thay đổi về trạng thái và cấu hình. Giờ đây, thư viện này hỗ trợ cả thiết bị gập và máy tính, tự động xử lý cửa sổ, phím tắt, chú thích và trạng thái di chuột trên bàn di chuột.
• Kỹ năng mới về hiệu suất của Compose giúp tối ưu hoá toàn bộ mã nguồn
• Kỹ năng di chuyển từ XML sang Compose
• Kỹ năng Mực mới 

Ngoài kiến trúc cốt lõi và bố cục thích ứng, bạn có thể tìm hiểu sâu về kỹ thuật liên quan đến tính năng phát Media3, quy trình CameraX, trải nghiệm trên ô tô, đồ hoạ phong phú và bài học từ việc di chuyển Google Play sang Compose trên quy mô lớn. Hãy xem toàn bộ danh sách phát về hướng dẫn kỹ thuật trong danh sách phát của phiên Nền tảng ứng dụng tại Hội nghị Nhà phát triển Android để khám phá các cấu trúc, hướng dẫn về mã và hướng dẫn thực tế.