Biblioteka Material 3 Adaptive w wersji 1.2.0 jest stabilna.

Z przyjemnością informujemy, że Material 3 Adaptive w wersji 1.2.0 jest już stabilny.

Ta wersja bazuje na poprzednich wersjach, rozszerzając obsługę większej liczby punktów przerwania dla klas rozmiaru okna i nowych strategii automatycznego umieszczania paneli wyświetlania.

Nowości w Material 3 Adaptive 1.2.0

Ta stabilna wersja jest oparta na obsłudze punktów przerwania o dużej i bardzo dużej szerokości w bibliotece WindowManager 1.5.0. Wprowadza też nowe strategie reflow i levitate dla funkcji ListDetailPaneScaffold i SupportingPaneScaffold. 

Nowe klasy rozmiarów okien: duże i bardzo duże

W bibliotece WindowManager w wersji 1.5.0 wprowadziliśmy 2 nowe punkty przerwania dla klasy rozmiaru okna o określonej szerokości, aby obsługiwać jeszcze większe okna niż w przypadku klasy rozmiaru okna Expanded. Duże (L) i bardzo duże (XL) punkty przerwania można włączyć, dodając ten parametr do wywołania currentWindowAdaptiveInfo() w kodzie:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

Ta flaga umożliwia bibliotece zwracanie punktów przerwania L i XL, gdy są potrzebne.

Nowe strategie adaptacyjne: reflow i levitate

Rozmieszczenie treści i paneli wyświetlania w oknie to złożone zadanie, które wymaga uwzględnienia wielu czynników, począwszy od rozmiaru okna. Dzięki nowej bibliotece adaptacyjnej Material 3 możesz z łatwością tworzyć adaptacyjne układy za pomocą 2 nowych technologii.

Przelewanie powoduje zmianę układu paneli, gdy zmienia się rozmiar okna lub format obrazu. Drugi panel jest umieszczany obok pierwszego, gdy okno jest wystarczająco szerokie, a gdy okno jest wyższe, drugi panel jest umieszczany pod pierwszym. Ta technika jest stosowana również wtedy, gdy okno staje się mniejsze: treści są przenoszone na dół.

Zmiana układu panelu w zależności od rozmiaru okna

Chociaż zmiana układu jest w wielu przypadkach świetnym rozwiązaniem, mogą zdarzyć się sytuacje, w których treść powinna być zadokowana z boku okna lub zawieszona nad nim. Strategia lewitacji nie tylko dokuje treści, ale też umożliwia dostosowywanie funkcji takich jak możliwość przeciągania i zmiany rozmiaru, a nawet tło.

Przesuwanie panelu z boku na środek na podstawie formatu obrazu

Strategie przepływu i unoszenia można zadeklarować w konstruktorze Navigator za pomocą parametru adaptStrategies. Obie strategie można zastosować do szczegółowej listy i paneli pomocniczych scaffolds:

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

Więcej informacji o tym, jak korzystać z tych nowych strategii adaptacyjnych, znajdziesz w witrynie Material oraz w kompletnym przykładowym kodzie na GitHubie.