Material 3 Adaptive 1.2.0 kararlı sürüm

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 ekran 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 Ekstra 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. Large (L) ve Extra-large (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 gelen 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, birinci bölmenin yanına yerleştirilir. Pencere daha uzun olduğunda ise ikinci bölme, birinci 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. Yükseltme stratejisi, 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 yükseltme 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 sitesine ve GitHub'daki örnek kodun tamamına göz atın.