Dengan senang hati kami umumkan bahwa Adaptif Material 3 1.2.0 kini stabil.

Rilis ini terus dibangun berdasarkan fondasi versi sebelumnya, memperluas dukungan ke lebih banyak titik henti untuk class ukuran jendela dan strategi baru untuk menempatkan panel tampilan secara otomatis.

Yang baru di Adaptif Material 3 1.2.0

Rilis stabil ini dibangun di atas dukungan WindowManager 1.5.0 untuk titik henti sementara besar dan sangat besar, serta memperkenalkan strategi tata ulang dan pengangkatan baru untuk ListDetailPaneScaffold dan SupportingPaneScaffold. 

Class ukuran jendela baru: Besar dan Ekstra besar

WindowManager 1.5.0 memperkenalkan dua titik henti sementara baru untuk class ukuran jendela lebar guna mendukung jendela yang lebih besar daripada class ukuran jendela Diperluas. Titik henti Besar (L) dan Ekstra besar (XL) dapat diaktifkan dengan menambahkan parameter berikut ke panggilan currentWindowAdaptiveInfo() dalam codebase Anda:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

Flag ini memungkinkan library juga menampilkan titik henti sementara L dan XL setiap kali diperlukan.

Strategi adaptif baru: tata ulang dan melayang

Mengatur konten dan panel tampilan di jendela adalah tugas kompleks yang perlu mempertimbangkan banyak faktor, dimulai dengan ukuran jendela. Dengan library Adaptif Material 3 yang baru, dua teknologi baru dapat membantu Anda mendapatkan tata letak adaptif dengan upaya minimal.

Dengan penyusunan ulang, panel akan disusun ulang saat ukuran jendela atau rasio aspek berubah, menempatkan panel kedua di samping panel pertama saat jendela cukup lebar, atau menyusun ulang panel kedua di bawah panel pertama setiap kali jendela lebih tinggi. Teknik ini juga berlaku saat jendela menjadi lebih kecil: konten diatur ulang ke bawah.

Menata ulang panel berdasarkan ukuran jendela

Meskipun penyesuaian tata letak adalah opsi yang luar biasa dalam banyak kasus, mungkin ada situasi di mana konten perlu di-dock ke sisi jendela atau diangkat di atasnya. Strategi melayang tidak hanya menyematkan konten, tetapi juga memungkinkan Anda menyesuaikan fitur seperti kemampuan ditarik, kemampuan diubah ukurannya, dan bahkan scrim latar belakang.

Mengangkat panel dari samping ke tengah berdasarkan rasio aspek

Strategi mengalir dan melayang dapat dideklarasikan di dalam konstruktor Navigator menggunakan parameter adaptStrategies, dan kedua strategi dapat diterapkan ke panel detail daftar dan pendukung scaffolds:

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

Untuk mempelajari lebih lanjut cara memanfaatkan strategi adaptif baru ini, lihat situs Material dan kode contoh lengkap di GitHub.