Maximale Flexibilität: Ein Leitfaden zur Anwendung und Anpassung der Android Toolbar

Entdecken Sie unseren Blogbeitrag für einen umfassenden Leitfaden zur Erstellung und Anpassung der Android Toolbar. Von XML-Layouts bis zu Kotlin-Code zeigen wir Ihnen, wie Sie die Toolbar effektiv nutzen und an die Bedürfnisse Ihrer App anpassen. Tauchen Sie ein und meistern Sie die Kunst des Toolbar-Designs für ein optimales Nutzererlebnis!

Was ist die Android Toolbar?

Die Android Toolbar befindet sich typischerweise oben auf dem Bildschirm. Der Anwendungstitel, das Logo, das Navigationssymbol und die Menüleiste werden innerhalb der Toolbar angezeigt. Die Toolbar dient als Ersatz für die veraltete ActionBar im Material Design.

Toolbar-Abhängigkeiten in Gradle

Um die Toolbar zu verwenden, benötigen wir die folgende Abhängigkeit:

implementation 'com.android.support:appcompat-v7:27.1.0'

Toolbar in XML-Layouts

In einem neuen Android-Studio-Projekt ist eine Toolbar standardmäßig nicht im XML-Layout definiert. Eine Toolbar mit dem Anwendungsnamen wird jedoch oben in der XML-Vorschau angezeigt. Dies liegt daran, dass der Stil DarkActionBar in den Ressourcen definiert und in der AndroidManifest.xml angewendet wird.

XML-Layout für die Toolbar

Die Toolbar wird mit folgendem Code zum Layout activity_main.xml hinzugefügt:

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />   

Toolbar-Eigenschaften

Wir können die Hintergrundfarbe, das Thema sowie Titel, Untertitel, Symbole und andere Eigenschaften der Toolbar festlegen.

Anpassen der Toolbar-Eigenschaften

android:background="@color/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark"
app:title="Androidly Toolbar"
app:subtitle="Sub"
app:logo="@android:drawable/ic_menu_call"
app:navigationIcon="@drawable/ic_menu_black_24dp"

Erstellen von benutzerdefinierten Toolbar-Themes

Es ist möglich, benutzerdefinierte Stile zu erstellen und diese als Themes für unsere Toolbar zu verwenden, was die Anpassung der Toolbar-Eigenschaften erleichtert.

Erstellen der Toolbar mit Kotlin-Code

Die Toolbar kann auch programmgesteuert mit Kotlin-Code erstellt werden. Jede XML-Eigenschaft der Toolbar hat ihre entsprechende Methode in Kotlin.

val toolbar = findViewById(R.id.toolbar) as Toolbar?
setSupportActionBar(toolbar)
toolbar?.title = "Androidly"
toolbar?.subtitle = "Sub"
toolbar?.navigationIcon = ContextCompat.getDrawable(this,R.drawable.ic_menu_black_24dp)
toolbar?.setNavigationOnClickListener { 
    Toast.makeText(applicationContext,"Navigationssymbol wurde angeklickt",Toast.LENGTH_SHORT).show() 
}

Fazit

Die Android Toolbar bietet eine flexible Möglichkeit, Menüs in Android-Apps zu implementieren. Mit XML-Layouts, benutzerdefinierten Themes und Kotlin-Code können wir die Toolbar an die Anforderungen unserer App anpassen und ein reibungsloses Nutzererlebnis sicherstellen.