Utwórz dolny pasek aplikacji, aby ułatwić użytkownikom poruszanie się po aplikacji i dostęp do jej funkcji. Aby dodać dolny pasek aplikacji, postępuj zgodnie z tymi wskazówkami, korzystając z komponentu BottomAppBar
.
Zgodność wersji
Ta implementacja wymaga, aby minimalna wersja pakietu SDK projektu była ustawiona na poziom API 21 lub wyższy.
Zależności
Tworzenie dolnego paska aplikacji
Aby utworzyć pasek aplikacji na dole z 4 przyciskami z ikonami i pływającym przyciskiem polecenia, użyj tego kodu:
@Composable fun BottomAppBarExample() { Scaffold( bottomBar = { BottomAppBar( actions = { IconButton(onClick = { /* do something */ }) { Icon(Icons.Filled.Check, contentDescription = "Localized description") } IconButton(onClick = { /* do something */ }) { Icon( Icons.Filled.Edit, contentDescription = "Localized description", ) } IconButton(onClick = { /* do something */ }) { Icon( Icons.Filled.Mic, contentDescription = "Localized description", ) } IconButton(onClick = { /* do something */ }) { Icon( Icons.Filled.Image, contentDescription = "Localized description", ) } }, floatingActionButton = { FloatingActionButton( onClick = { /* do something */ }, containerColor = BottomAppBarDefaults.bottomAppBarFabColor, elevation = FloatingActionButtonDefaults.bottomAppBarFabElevation() ) { Icon(Icons.Filled.Add, "Localized description") } } ) }, ) { innerPadding -> Text( modifier = Modifier.padding(innerPadding), text = "Example of a scaffold with a bottom app bar." ) } }
Najważniejsze informacje o kodzie
- Zewnętrzny
Scaffold
z ustawionymbottomBar
. - Implementacja
bottomBar
, która zawiera listę działań. - Działania, które są implementacją
IconButton
zawierającąIcon
dla opisu obrazu i treści, każda z funkcjąonClick
lambda do wykonywania tych działań.
Możesz przekazywać komponenty w przypadku tych kluczowych parametrów:
actions
: seria ikon widocznych po lewej stronie paska. Zwykle są to kluczowe działania na danym ekranie lub elementy nawigacji.floatingActionButton
: pływający przycisk polecenia, który pojawia się po prawej stronie paska.
Wyniki
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: