Material 3 Adaptive 1.2.0'ın artık kararlı sürümde olduğunu duyurmaktan heyecan duyuyoruz.

Bu sürüm, önceki sürümlerin temelleri üzerine inşa edilmeye devam ediyor. Pencere boyutu sınıfları için daha fazla kesme noktası ve görüntüleme panellerini otomatik olarak yerleştirmek için yeni stratejiler destekleniyor.

Material 3 Adaptive 1.2.0 sürümündeki yenilikler

Bu kararlı sürüm, büyük ve çok büyük kesme noktaları için WindowManager 1.5.0 desteği üzerine kurulmuştur ve ListDetailPaneScaffold ile SupportingPaneScaffold için yeni yeniden akıtma ve havaya kaldırma stratejilerini kullanıma sunar. 

Yeni pencere boyutu sınıfları: Büyük ve Çok büyük

WindowManager 1.5.0, Expanded pencere boyutu sınıfından daha büyük pencereleri desteklemek için genişlik pencere boyutu sınıfına iki yeni kesme noktası ekledi. Büyük (L) ve çok büyük (XL) kesme noktaları, kod tabanınızdaki currentWindowAdaptiveInfo() çağrısına aşağıdaki parametre eklenerek etkinleştirilebilir:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

Bu işaret, kitaplığın gerektiğinde L ve XL kesme noktalarını da döndürmesini sağlar.

Yeni uyarlanabilir stratejiler: yeniden akıtma ve havaya kaldırma

İçerik ve görüntüleme panellerini bir pencerede düzenlemek, pencere boyutu başta olmak üzere birçok faktörün dikkate alınması gereken karmaşık bir görevdir. Yeni Material 3 Adaptive kitaplığıyla birlikte iki yeni teknoloji, minimum çabayla uyarlanabilir bir düzen oluşturmanıza yardımcı olabilir.

Yeniden akıtma özelliği sayesinde, pencere boyutu veya en boy oranı değiştiğinde bölmeler yeniden düzenlenir. Pencere yeterince geniş olduğunda ikinci bölme, ilk bölmenin yanına yerleştirilir. Pencere daha uzun olduğunda ise ikinci bölme, ilk bölmenin altına yeniden akıtılır. Bu teknik, pencere küçüldüğünde de geçerlidir: İçerik, alt kısma doğru yeniden düzenlenir.

Pencere boyutuna göre bölmeyi yeniden düzenleme

Yeniden akıtma birçok durumda inanılmaz bir seçenek olsa da içeriğin pencerenin bir tarafına yerleştirilmesi veya pencerenin üzerinde yükseltilmesi gerekebileceği durumlar olabilir. Bu strateji, içeriği yerleştirmenin yanı sıra sürükleme, yeniden boyutlandırma ve hatta arka plan karartma gibi özellikleri özelleştirmenize de olanak tanır.

En-boy oranına göre bir bölmeyi yandan ortaya doğru hareket ettirme

Hem akış hem de havaya kaldırma stratejileri, adaptStrategies parametresi kullanılarak Navigator oluşturucusunda tanımlanabilir ve her iki strateji de liste-ayrıntı düzeni ve destek bölmesine scaffolds uygulanabilir:

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

Bu yeni uyarlanabilir stratejilerden nasıl yararlanacağınız hakkında daha fazla bilgi edinmek için Material web sitesini ve GitHub'daki örnek kodun tamamını inceleyin.