Utwórz element szablonu, który będzie zawierać interfejs użytkownika

W Material Design szkielet to podstawowa struktura, która zapewnia standaryzowaną platformę dla złożonych interfejsów użytkownika. Łączy ona różne części interfejsu, takie jak paski aplikacji i pływające przyciski, zapewniając spójny wygląd i działanie aplikacji.

Zgodność wersji

Ta implementacja wymaga, aby w projekcie ustawiona była minimalna wersja pakietu SDK na poziomie 21 lub wyższym.

Zależności

Tworzenie rusztowania

Poniższy przykład pokazuje, jak wdrożyć Scaffold. Zawiera on pasek aplikacji u góry, pasek aplikacji u dołu i pływający przycisk polecenia, który reaguje na stan wewnętrzny aplikacji Scaffold.

Wyniki

Implementacja szablonu zawierającego proste górne i dolne paski aplikacji oraz pływający przycisk polecenia, który iteruje licznik. Treść wewnętrzna szablonu to prosty tekst wyjaśniający komponent.
Rysunek 1. Implementacja szablonu.

Najważniejsze punkty

Komponent Scaffold udostępnia prosty interfejs API, który umożliwia szybkie tworzenie struktury aplikacji zgodnie z wytycznymi Material Design. Scaffold przyjmuje jako parametry kilka elementów kompozycyjnych. Oto niektóre z nich:

  • topBar: pasek aplikacji u góry ekranu.
  • bottomBar: pasek aplikacji u dołu ekranu.
  • floatingActionButton: przycisk, który pojawia się w prawym dolnym rogu ekranu i pozwala na wykonywanie kluczowych działań.

Bardziej szczegółowe przykłady implementowania pasków aplikacji u góry i u dołu znajdziesz na stronie poświęconej paskom aplikacji.

Możesz też przekazywać treści Scaffold tak samo jak do innych kontenerów. Przekazuje ona funkcji lambda innerPadding wartość content, której możesz następnie używać w podrzędnych składanych elementach.

Kolekcje zawierające ten przewodnik

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

Dowiedz się, jak używać standardowej platformy do tworzenia złożonych interfejsów użytkownika. Szablon łączy ze sobą różne części interfejsu, zapewniając spójny wygląd i działanie aplikacji.
Dowiedz się, jak funkcje kompozytowe mogą ułatwić tworzenie atrakcyjnych komponentów interfejsu użytkownika na podstawie systemu projektowania Material Design.

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.