Tworzenie panelu dolnego

Dolna karta zawiera treści dodatkowe, które są przymocowane u dołu ekranu.

Zgodność wersji

Ta implementacja wymaga, aby minimalna wersja pakietu SDK projektu była ustawiona na poziom API 21 lub wyższy.

Zależności

Wdrażanie planszy dolnej

Aby wdrożyć schowisko, użyj komponentu ModalBottomSheet:

Rozwijanie i zwijanie arkusza

Aby rozwinąć lub zwinąć arkusz, użyj SheetState:

Najważniejsze punkty

  • Użyj slotu content, który wykorzystuje element ColumnScope do rozmieszczania elementów treści arkusza w kolumnie.
  • Użyj polecenia rememberSheetState, aby utworzyć instancję usługi SheetState, którą przekazujesz do usługi ModalBottomSheet za pomocą parametru sheetState.

  • SheetState zapewnia dostęp do funkcji show i hide oraz do właściwości związanych z bieżącym stanem arkusza. Te funkcje wymagają parametru CoroutineScope (na przykład rememberCoroutineScope) i mogą być wywoływane w odpowiedzi na zdarzenia interfejsu użytkownika.

  • Pamiętaj, aby usunąć ModalBottomSheet z kompozycji, gdy ukrywasz dolny panel.

Wyniki

Rysunek 1. Standardowa plansza dolna (po lewej) i modalna plansza dolna (po prawej).

Kolekcje zawierające ten przewodnik

Ten przewodnik należy do tych kolekcji krótkich przewodników, które obejmują szersze zagadnienia związane z tworzeniem aplikacji na Androida:

Dowiedz się, jak funkcje składane mogą ułatwić tworzenie atrakcyjnych komponentów interfejsu użytkownika na podstawie systemu projektowania Material Design.
Kolekcja krótkich przewodników

Masz pytania lub chcesz przekazać opinię?

Otwórz stronę z najczęstszymi pytaniami i poznaj krótkie przewodniki lub skontaktuj się z nami i powiedz nam, co o tym myślisz.
Najczęstsze pytania Prześlij opinię