Tworzenie panelu dolnego
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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:
Wyświetlanie komponentów interaktywnych
Dowiedz się, jak funkcje składane mogą ułatwić tworzenie atrakcyjnych komponentów interfejsu użytkownika na podstawie systemu projektowania Material Design.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-02-06 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-02-06 UTC."],[],[]]