Material 3 Adaptive 1.2.0 ist stabil

wir freuen uns, Ihnen mitteilen zu können, dass Material 3 Adaptive 1.2.0 jetzt stabil ist.

Diese Version baut auf den Grundlagen der vorherigen Versionen auf und bietet Unterstützung für mehr Breakpoints für Fenstergrößenklassen sowie neue Strategien zum automatischen Platzieren von Anzeigebereichen.

Neues in Material 3 Adaptive 1.2.0

Diese stabile Version basiert auf der Unterstützung von WindowManager 1.5.0 für große und extragroße Breakpoints und führt die neuen Strategien „Reflow“ und „Levitate“ für ListDetailPaneScaffold und SupportingPaneScaffold ein. 

Neue Fenstergrößenklassen: „Groß“ und „Extragroß“

WindowManager 1.5.0 hat zwei neue Breakpoints für die Breiten-Fenstergrößenklasse eingeführt, um noch größere Fenster als die Fenstergrößenklasse „Expanded“ zu unterstützen. Die Haltepunkte „Groß“ (L) und „Extragroß“ (XL) können aktiviert werden, indem Sie den folgenden Parameter dem currentWindowAdaptiveInfo()-Aufruf in Ihrer Codebasis hinzufügen:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

Mit diesem Flag kann die Bibliothek bei Bedarf auch L- und XL-Breakpoints zurückgeben.

Neue adaptive Strategien: Umfließen und Schweben

Das Anordnen von Inhalten und Anzeigebereichen in einem Fenster ist eine komplexe Aufgabe, bei der viele Faktoren berücksichtigt werden müssen, angefangen bei der Fenstergröße. Mit der neuen adaptiven Material 3-Bibliothek können Sie mit minimalem Aufwand ein adaptives Layout erstellen. Dazu stehen Ihnen zwei neue Technologien zur Verfügung.

Beim Umfließen werden Bereiche neu angeordnet, wenn sich die Fenstergröße oder das Seitenverhältnis ändert. Wenn das Fenster breit genug ist, wird ein zweiter Bereich neben dem ersten platziert. Wenn das Fenster hoch genug ist, wird der zweite Bereich unter dem ersten platziert. Diese Technik wird auch angewendet, wenn das Fenster kleiner wird: Der Inhalt wird nach unten umgebrochen.

Bereich basierend auf der Fenstergröße neu fließen lassen

Das Umfließen ist in vielen Fällen eine gute Option, es kann aber auch Situationen geben, in denen der Inhalt an einer Seite des Fensters angedockt oder darüber schwebend dargestellt werden muss. Mit der Levitate-Strategie wird der Inhalt nicht nur angedockt, sondern Sie können auch Funktionen wie Ziehen, Anpassen der Größe und sogar den Hintergrund anpassen.

Ein Bereich wird je nach Seitenverhältnis von der Seite in die Mitte verschoben.

Sowohl die Flow- als auch die Levitate-Strategie können im Navigator-Konstruktor mit dem Parameter „adaptStrategies“ deklariert werden. Beide Strategien können auf die scaffolds-Bereiche „Listen-Detailansicht“ und „Unterstützendes Feld“ angewendet werden:

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

Weitere Informationen zur Nutzung dieser neuen adaptiven Strategien finden Sie auf der Material-Website und im vollständigen Beispielcode auf GitHub.