Android Programowanie aplikacji. Rusz głową! Wydanie II

508

Rozdział 12.

Układ CoordinatorLayout

<android.support.design.widget.CoordinatorLayout

android:layout_width=”match_parent”

android:layout_height=”match_parent”>

</android.support.design.widget.CoordinatorLayout>

...

Wszystkie widoki układu, których animacje chcemy koordynować,

muszą zostać umieszczone wewnątrz elementu

<CoordinatorLayout>

.

W naszym przykładzie zależy nam na koordynowaniu animacji paska

narzędzi oraz zawartości kontrolki

ViewPager

, dlatego też oba te

widoki musimy umieścić wewnątrz układu

CoordinatorLayout

.

Użycie układu CoordinatorLayout w celu

koordynacji animacji widoków

W celu umożliwienia przesuwania paska narzędzi w momencie

przewijania zawartości fragmentu do aktywności

MainActivity

dodamy układ

CoordinatorLayout

. Układ

CoordinatorLayout

przypomina wzbogacony układ

FrameLayout

, którego można używać

do koordynowania animacji i efektów przejść pomiędzy różnymi

widokami. W naszym przykładzie użyjemy go do koordynowania

przewijania zawartości fragmentu

TopFragment

oraz paska narzędzi

aktywności

MainActivity

.

Układ

CoordinatorLayout

dodaje się do układu aktywności

w następujący sposób:

Zmienić układ aktywności MainActivity,

by zapewnić możliwość przewijania paska narzędzi.

Zmienić TopFragment, by zapewnić możliwość

przewijania jego zawartości.

Zaczniemy od zmiany układu aktywności

MainActivity

.

Zapewnimy, że pasek narzędzi będzie

przewijany wraz z zawartością fragmentu

TopFragment.

Do fragmentu TopFragment

dodamy możliwość

przewijania zawartości.

CoordinatorLayout pochodzi

z biblioteki wsparcia wzornictwa.

Wewnątrz układu umieszczane są wszystkie

widoki, których zachowanie chcemy

koordynować.

CoordinatorLayout

pozwala, by

zachowanie jednego

widoku miało wpływ

na zachowanie innego

widoku.



¨

Przewijany pasek narzędzi

 ¨

Zwijany pasek narzędzi

¨

Przycisk FAB

¨

Pasek snackbar

Zapewnienie reagowania paska narzędzi na przewijanie

Planujemy teraz zmodyfikowanie naszej aplikacji w taki sposób, by pasek narzędzi

wyświetlany w aktywności

MainActivity

był przewijany wraz z zawartością

fragmentu

TopFragment

. W tym celu musimy wykonać dwie operacje:

1

2