Material 3 Adaptive 1.2.0 kararlı sürümü yayınlandı

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 bölmelerini otomatik olarak yerleştirmek için yeni stratejiler sunuyor.

Material 3 Adaptive 1.2.0'daki yenilikler

Bu kararlı sürüm, büyük ve ekstra 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ış ve havada kalma stratejilerini sunar. 

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

WindowManager 1.5.0, genişletilmiş 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ış ve havada kalma

İçerik ve görüntüleme bölmelerini bir pencerede düzenlemek, pencere boyutundan başlayarak birçok faktörün dikkate alınmasını gerektiren karmaşık bir iştir. Yeni Material 3 Adaptive kitaplığı sayesinde iki yeni teknoloji, minimum çabayla uyarlanabilir bir düzen elde etmenize yardımcı olabilir.

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

Pencere boyutuna göre bir bölmeyi yeniden akıtma

Yeniden akış, çoğu durumda inanılmaz bir seçenek olsa da içeriğin pencerenin bir tarafına sabitlenmesi veya pencerenin üstünde kaydırılması gereken durumlar olabilir. Yükseltme stratejisi, içeriği sabitlemenin yanı sıra sürüklenebilirlik, yeniden boyutlandırılabilirlik ve hatta arka plan perdesi gibi özellikleri özelleştirmenize olanak tanır.

En boy oranına göre bir bölmeyi yandan ortaya doğru kaydırma

Hem akış hem de havada kalma stratejileri, adaptStrategies parametresi kullanılarak Navigator oluşturucusunda tanımlanabilir ve her iki strateji de liste-ayrıntı düzeni ve destekleyici bölme scaffolds için 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.