Tối ưu hoá ứng dụng cho thế hệ thiết bị Samsung Galaxy tiếp theo

Hôm nay tại sự kiện Galaxy Unpacked, Samsung đã ra mắt dòng thiết bị đeo và thiết bị có thể gập lại mới nhất của mình. Đối với nhà phát triển, điều này có nghĩa là số lượng kiểu dáng, kích thước màn hình và tư thế thiết bị mà ứng dụng của bạn cần hỗ trợ sẽ lại tăng lên.

Với các thiết bị như Galaxy Z Fold8, hệ sinh thái này đang mở rộng để bao gồm cả phần cứng có hướng tự nhiên ưu tiên chế độ ngang và tỷ lệ khung hình rộng hơn ở trạng thái màn hình chính. Dù người dùng đang mở màn hình lớn, mở màn hình ngoài hay chỉ xem nhanh trên cổ tay, họ đều mong đợi một trải nghiệm liền mạch. Để giúp bạn đáp ứng yêu cầu này, chúng tôi sẽ chia sẻ hướng dẫn hữu ích và các bản cập nhật công cụ mới để bạn có thể chủ động xây dựng một cách thích ứng.

Xem xét lại cấu trúc bố cục cho màn hình động, bao gồm cả thiết bị có thể gập lại siêu rộng

Việc tạo ứng dụng cho các thiết bị có thể gập lại mới nhất có nghĩa là bạn phải loại bỏ các giả định về hướng và kích thước màn hình. Điều này đặc biệt đúng với Galaxy Z Fold8, có màn hình siêu rộng, làm tăng thêm sự đa dạng về tỷ lệ khung hình cần tính đến.  Các thiết bị có hướng ngang tự nhiên này cho thấy những hạn chế của các quy tắc bố cục được mã hoá cứng khi người dùng mở thiết bị. Đó là lý do chúng tôi đã ra mắt hướng dẫn chuyên biệt để xây dựng cho các thiết bị có thể gập lại và thiết bị có 3 màn hình ở chế độ ngang.

Để tạo một giao diện người dùng thích ứng xử lý liền mạch các hiệu ứng vật lý này, hãy tập trung vào các trụ cột cốt lõi sau:

• Tạo bố cục linh hoạt, thích ứng: Tỷ lệ khung hình rộng và chiều cao dọc nhỏ gọn đòi hỏi giao diện người dùng linh hoạt có khả năng điều chỉnh quy mô một cách thích ứng. Hướng dẫn về thiết kế thích ứng mới cập nhật của chúng tôi khuyên bạn nên xem xét chiều rộng của lớp cửa sổ trước để xác định các thay đổi về bố cục, sau đó điều chỉnh cho phù hợp với chiều cao. Để các thành phần riêng lẻ thích ứng linh hoạt với lưới, hãy cấu trúc bố cục bằng các vùng chứa linh hoạt cho phép nội dung của bạn tự động bao bọc, trải rộng và sắp xếp lại. Để tìm cảm hứng thiết kế, hãy duyệt xem ứng dụng mẫu thích ứng và thư viện thiết kế màn hình kép của chúng tôi.
• Theo dõi không gian thực tế của ứng dụng: Không gian hiển thị của ứng dụng hiếm khi khớp với kích thước thực tế của thiết bị, đặc biệt là trên màn hình siêu rộng trong trạng thái nhiều cửa sổ, chia đôi màn hình hoặc đa nhiệm. Đôi khi, hướng của các hình ảnh này cũng khác nhau. Tận dụng Lớp kích thước cửa sổ bằng cách sử dụng thư viện Jetpack Window Manager để tính toán chính xác không gian mà ứng dụng của bạn chiếm.

• Khai thác bản cập nhật Jetpack Compose mới nhất: Bắt đầu bằng cách áp dụng bản phát hành Jetpack Compose ổn định vào ngày 26 tháng 4 (phiên bản Compose BOM 2026.04.01).Tận dụng các công cụ bố cục cấu trúc mới để quản lý các cấu trúc phức tạp. API Lưới mới cho phép bạn xác định các đường và khoảng cột động mà không làm giảm hiệu suất của danh sách lazy. Kết hợp Lưới với API bố cục FlexBox mới để dễ dàng xử lý việc căn chỉnh nhiều trục và bao bọc các mục động. Bạn cũng có thể sử dụng API MediaQuery mới để điều chỉnh giao diện người dùng cho phù hợp với môi trường, bằng cách sử dụng các điều kiện để phát hiện các tín hiệu như tư thế thiết bị, kích thước cửa sổ và các loại bàn phím.
• Giúp ứng dụng của bạn nhận biết màn hình gập: Sử dụng thư viện Jetpack WindowManager. Thư viện này cung cấp một bề mặt API cho các tính năng cửa sổ của thiết bị có thể gập lại, chẳng hạn như nếp gập và bản lề. Khi nhận biết được ứng dụng của bạn trong màn hình đầu tiên, ứng dụng có thể điều chỉnh bố cục để tránh đặt nội dung quan trọng trong màn hình đầu tiên hoặc bản lề, đồng thời sử dụng đường gấp và bản lề làm dấu phân tách tự nhiên.
• Duy trì tính liên tục của ứng dụng: Tránh làm gián đoạn hành trình của người dùng khi cấu hình thiết bị thay đổi. Giữ lại trạng thái giao diện người dùng bằng ViewModel để đảm bảo quá trình chuyển đổi diễn ra suôn sẻ khi người dùng gập hoặc mở thiết bị.

Đảm bảo camera chụp ảnh liền mạch trên các thiết bị có thể gập lại

Việc triển khai camera trên thiết bị có thể gập lại mang đến những điểm đặc biệt về phần cứng. Việc chuyển từ màn hình ngoài nhỏ gọn sang màn hình trong mở rộng sẽ tạo ra các tỷ lệ khung hình bố cục riêng biệt trong khi hướng xoay thiết bị vẫn không thay đổi. Nếu giả định mối quan hệ cố định theo hướng dọc giữa cảm biến camera và bố cục thiết bị, thì ứng dụng có thể gặp phải tình trạng bản xem trước bị lệch, kéo giãn hoặc cắt bớt trong các quá trình chuyển đổi gập này.

Khi tối ưu hoá quy trình xử lý nội dung nghe nhìn của ứng dụng, hãy di chuyển trải nghiệm chụp ảnh sang CameraX bằng cách sử dụng kỹ năng di chuyển CameraX. PreviewView của thư viện sẽ tự động xử lý hướng cảm biến, hướng xoay thiết bị và hoạt động mở rộng quy mô ở chế độ nền. Điều này đảm bảo bản xem trước rõ ràng và ổn định, bất kể người dùng cầm hoặc đặt thiết bị như thế nào. Nếu bạn đang duy trì một cơ sở mã Camera2 hiện có, hãy tích hợp thư viện CameraViewfinder để tự động áp dụng các phép biến đổi tỷ lệ khung hình và xoay phức tạp này mà không cần đại tu toàn bộ cấu trúc.

Mở rộng các hoạt động tương tác trong nháy mắt sang Wear OS 7

Cơ hội xây dựng cho thế hệ thiết bị mới này mở rộng đến tận cổ tay. Kể từ Wear OS 7, Tiện ích Wear sẽ mang đến cho bạn một giao diện mới để cung cấp cho người dùng quyền truy cập tức thì và nhanh chóng vào các thông tin cập nhật thiết yếu của họ. Bạn có thể tạo những trải nghiệm có tính biểu cảm cao này bằng Jetpack Glance và RemoteCompose. Điều quan trọng là các Tiện ích được tạo bằng khung này hiện có thể điền sẵn các ô có nhiều tiện ích mà trước đây chỉ dành cho tiện ích của bên thứ nhất. 

Xây dựng các tính năng thông minh 

AI của Gemini đã hoàn thành các tác vụ thay cho người dùng và bạn có thể thử nghiệm hệ thống AI bằng cách chia sẻ các chức năng của ứng dụng. 

Các thiết bị có thể gập lại mới của Samsung được trang bị Gemini Nano 4, mô hình mới nhất của chúng tôi chạy trên thiết bị. Nano 4 hỗ trợ hơn 140 ngôn ngữ, có khả năng hiểu đa phương thức tốt hơn và nhiều tính năng khác. Sử dụng Prompt API của Bộ công cụ học máy với các tính năng nâng cao như đầu ra có cấu trúc và chế độ tư duy để tạo các tính năng thông minh trên thiết bị. 

Bắt đầu tối ưu hoá ngay hôm nay

Các công cụ và khung này sẵn sàng giúp bạn tối ưu hoá ứng dụng cho mọi kích thước màn hình. Hãy bắt đầu bằng cách khám phá hướng dẫn của chúng tôi về tạo ứng dụng thích ứng để tìm hiểu thêm về các nguyên tắc cơ bản của thiết kế thích ứng. 

Để tìm hiểu sâu hơn, hãy xem danh sách phát toàn diện của chúng tôi trên YouTube. Cuối cùng, hãy đảm bảo ứng dụng của bạn mang lại trải nghiệm hoàn hảo, cao cấp trên các kiểu dáng thiết bị mới nhất bằng cách xem xét các nguyên tắc chuyên biệt về chất lượng dành cho thiết bị có 3 màn hình và thiết bị gập theo chiều ngang cũng như WearOS. 

Mở ra tương lai ngay hôm nay!