Material 3 Adaptive 1.2.0 đã ổn định

Chúng tôi rất vui mừng thông báo rằng Material 3 Adaptive 1.2.0 hiện đã ổn định!

Bản phát hành này tiếp tục xây dựng dựa trên nền tảng của các phiên bản trước, mở rộng khả năng hỗ trợ cho nhiều điểm ngắt hơn đối với các lớp kích thước cửa sổ và các chiến lược mới để tự động đặt ngăn hiển thị.

Tính năng mới trong Material 3 Adaptive 1.2.0

Bản phát hành ổn định này được xây dựng dựa trên tính năng hỗ trợ của WindowManager 1.5.0 cho các điểm ngắt lớn và cực lớn, đồng thời giới thiệu các chiến lược dàn lại và nâng cao mới cho ListDetailPaneScaffold và SupportingPaneScaffold. 

Các lớp kích thước cửa sổ mới: Lớn và Rất lớn

WindowManager 1.5.0 ra mắt hai điểm ngắt mới cho lớp kích thước cửa sổ theo chiều rộng để hỗ trợ các cửa sổ lớn hơn cả lớp kích thước cửa sổ Mở rộng. Bạn có thể bật các điểm ngắt Lớn (L) và Rất lớn (XL) bằng cách thêm tham số sau vào lệnh gọi currentWindowAdaptiveInfo() trong toàn bộ mã nguồn:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

Cờ này cho phép thư viện cũng trả về các điểm ngắt L và XL bất cứ khi nào cần.

Chiến lược thích ứng mới: dàn lại và nổi

Việc sắp xếp nội dung và ngăn hiển thị trong một cửa sổ là một nhiệm vụ phức tạp, cần tính đến nhiều yếu tố, bắt đầu từ kích thước cửa sổ. Với thư viện Thích ứng Material 3 mới, hai công nghệ mới có thể giúp bạn đạt được bố cục thích ứng mà không tốn nhiều công sức.

Với tính năng chỉnh lại dòng, các ngăn sẽ được sắp xếp lại khi kích thước cửa sổ hoặc tỷ lệ khung hình thay đổi, đặt ngăn thứ hai sang bên cạnh ngăn đầu tiên khi cửa sổ đủ rộng hoặc chỉnh lại dòng ngăn thứ hai bên dưới ngăn đầu tiên bất cứ khi nào cửa sổ cao hơn. Kỹ thuật này cũng áp dụng khi cửa sổ trở nên nhỏ hơn: nội dung được dàn lại xuống dưới cùng.

Chỉnh lại bố cục của ngăn dựa trên kích thước cửa sổ

Mặc dù việc dàn lại là một lựa chọn tuyệt vời trong nhiều trường hợp, nhưng có thể có những trường hợp cần phải gắn nội dung vào một bên của cửa sổ hoặc nổi lên trên cửa sổ. Chiến lược lơ lửng không chỉ cố định nội dung mà còn cho phép bạn tuỳ chỉnh các tính năng như khả năng kéo, khả năng đổi kích thước và thậm chí cả lớp phủ nền.

Di chuyển một ngăn từ bên cạnh vào giữa dựa trên tỷ lệ khung hình

Bạn có thể khai báo cả chiến lược di chuyển và chiến lược nổi bên trong hàm khởi tạo Navigator bằng cách sử dụng tham số adaptStrategies. Đồng thời, bạn có thể áp dụng cả hai chiến lược cho danh sách-chi tiết và ngăn bổ trợ scaffolds:

val navigator = rememberListDetailPaneScaffoldNavigator<Nothing>(
        adaptStrategies = ListDetailPaneScaffoldDefaults.adaptStrategies(
            detailPaneAdaptStrategy = AdaptStrategy.Reflow(
                reflowUnder = ListDetailPaneScaffoldRole.List
            ),
            extraPaneAdaptStrategy = AdaptStrategy.Levitate(
                alignment = Alignment.Center
            )
        )
    )

Để tìm hiểu thêm về cách tận dụng các chiến lược thích ứng mới này, hãy xem trang web Material và mã mẫu hoàn chỉnh trên GitHub.