Wiadomości o usługach

Biblioteka Material 3 Adaptive w wersji 1.2.0 jest stabilna.

Czas czytania: 2 minuty
Wyświetl profil Roba Orgiu
Rob Orgiu Inżynier ds. relacji z programistami

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

Ta wersja bazuje na poprzednich, 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 opiera się na obsłudze punktów przerwania o dużej i bardzo dużej szerokości w bibliotece WindowManager 1.5.0 oraz wprowadza nowe strategie reflow i levitate dla funkcji ListDetailPaneScaffold i SupportingPaneScaffold. 

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

newwindow.png


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

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

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

Nowe strategie adaptacyjne: zmiana układu i unoszenie

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 działa również wtedy, gdy okno staje się mniejsze: treść jest przenoszona na dół.

material.jpg

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

Chociaż zmiana układu jest w wielu przypadkach świetną opcją, mogą zdarzyć się sytuacje, w których treść będzie trzeba zadokować z boku okna lub zawiesić 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.


 

material2.jpg

Przesuwanie panelu z boku na środek na podstawie formatu obrazu

Strategie przepływu i lewitacji można zadeklarować w konstruktorze Navigator za pomocą parametru adaptStrategies. Obie strategie można zastosować do widoku listy i szczegółów oraz do panelu pomocniczego 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 na stronie internetowej Material oraz w kompletnym przykładowym kodzie na GitHubie.

Autorzy:
Czytaj dalej