Navigation Drawer Implementierung in Android mit Kotlin

May 12, 2024

Navigation Drawer in Android mit Kotlin

Einführung

  • Ziel: Navigation Drawer in Android App mit Kotlin integrieren
  • Ergebnis: Ein funktionsfähiger Navigation Drawer, der von links ein- und ausgefahren werden kann
    • Enthält Benutzerprofil (Foto, Name, Email) und eine Liste von Optionen
    • Reagiert auf Klicks und das Wischen zum Schließen

Vorbereitung

  • Abonnement und Benachrichtigungen: Abonnieren des Kanals und Aktivieren der Benachrichtigungen empfohlen
  • Daumen hoch: Falls das Video hilft, wird um einen Daumen hoch gebeten

Bibliothek für Benutzerfoto

  • Verwendung einer externen Bibliothek für das kreisförmige Benutzerbild
  • Die Bibliothek wird in app-level build.gradle eingefügt und das Projekt synchronisiert

XML Konfiguration

  • Drawer Layout: Muss als Root-Layout der Aktivität gesetzt werden
    • Darin kann ein Constraint Layout mit TextView enthalten sein
  • Navigation View: Für Menüoptionen; Breite auf wrap_content und Höhe auf match_parent setzen
    • Beinhaltet Header (Benutzerprofil) und Menüoptionen

Nav Header Layout

  • Umfasst Benutzerbild, Name und E-Mail
  • Layout im layout-Ordner als Ressourcendatei erstellen

Nav Menu Items

  • Menüelemente und Icons im menu-Ressourcenordner definieren
  • Verwendung von Vektor-Assets für Icons
  • Menüelemente können in Kategorien organisiert werden

Backend Implementierung

  • Toggle Button: Einrichtung des Hamburger-Menü-Buttons zur Steuerung des Navigation Drawers
  • Menu Item Klicks abfangen: Implementierung der Logik für das Klicken auf Menüelemente
  • String-Ressourcen: Für die Öffnen- und Schließen-Texte des Drawers

Installation und Test

  • Anwendung auf ein mobiles Gerät installieren und überprüfen, ob der Navigation Drawer wie erwartet funktioniert

Zusatz

  • Möglichkeit der Implementierung von Fragmenten zusammen mit dem Navigation Drawer
  • Angebot zur Erstellung eines weiterführenden Tutorials bei ausreichendem Interesse in den Kommentaren

Unterstützung und Feedback

  • Bei Fragen oder Unklarheiten Kommentarbereich oder direkte Nachricht auf Instagram nutzen