Interaktive Benachrichtigungen in Android: Ein Snackbar-Tutorial

Entdecken Sie die vielseitige Welt der Android Snackbar-Widgets in unserem Blogbeitrag. Von interaktiven Benachrichtigungen bis hin zur Anpassung des Erscheinungsbildes erfahren Sie alles in unserem Tutorial. Verbessern Sie die Benutzererfahrung Ihrer App und heben Sie die Nachrichtenanzeige auf ein neues Niveau!

Einführung

In diesem Tutorial werden wir verschiedene Formen von Android Snackbar-Widgets besprechen und diese in unserer Anwendung implementieren.

Android Snackbar

Die Snackbar in Android ist ein neues Widget, das mit der Material Design-Bibliothek eingeführt wurde und als Ersatz für Toast dient. Die Snackbar ist ein leichtgewichtiges Widget, das Nachrichten am unteren Rand des Bildschirms anzeigt und eine Wischgeste zum Entfernen ermöglicht. Eine Snackbar kann optional einen Aktionsbutton enthalten.

Unterschied zwischen Toast und Snackbar

  1. Toast-Nachrichten können angepasst und an beliebiger Stelle auf dem Bildschirm angezeigt werden, während eine Snackbar nur am unteren Rand des Bildschirms angezeigt werden kann.
  2. Eine Toast-Nachricht hat keinen Aktionsbutton, eine Snackbar kann jedoch optional einen Aktionsbutton haben. Eine Snackbar sollte jedoch nicht mehr als einen Aktionsbutton enthalten.
  3. Eine Toast-Nachricht kann erst nach Ablauf der Zeit entfernt werden, während eine Snackbar vor Ablauf der Zeit weggewischt werden kann.

Beispielcode

Um eine einfache Snackbar anzuzeigen, verwenden wir den folgenden Code:

Snackbar snackbar = Snackbar.make(coordinatorLayout, "www.journaldev.com", Snackbar.LENGTH_LONG);
snackbar.show();

Hier ist coordinatorLayout die Root-Ansicht der Aktivität, "www.journaldev.com" die Nachricht, die in der Snackbar angezeigt wird, und Snackbar.LENGTH_LONG gibt die Anzeigedauer an.

Projektstruktur

Die Projektstruktur bleibt unverändert, wobei activity_main.xml das CoordinatorLayout enthält und content_main.xml drei Buttons für verschiedene Snackbar-Typen enthält.

Beispielcode für die Action Callback Snackbar

Der Aktionsbutton wird verwendet, um eine Aktion auszulösen, wenn darauf geklickt wird. Hier ist ein Beispielcode für die Action Callback Snackbar:

two.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Snackbar snackbar = Snackbar
                .make(coordinatorLayout, "Nachricht wurde gelöscht", Snackbar.LENGTH_LONG)
                .setAction("RÜCKGÄNGIG", new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Snackbar snackbar1 = Snackbar.make(coordinatorLayout, "Nachricht wurde wiederhergestellt!", Snackbar.LENGTH_SHORT);
                        snackbar1.show();
                    }
                });

        snackbar.show();
    }
});

Beispielcode für die benutzerdefinierte Snackbar

Die benutzerdefinierte Snackbar ermöglicht es uns, das Erscheinungsbild der Snackbar anzupassen. Hier ist ein Beispielcode für eine benutzerdefinierte Snackbar:

three.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Snackbar snackbar = Snackbar
                .make(coordinatorLayout, "Versuchen Sie es erneut!", Snackbar.LENGTH_LONG)
                .setAction("WIEDERHOLEN", new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                    }
                });
        snackbar.setActionTextColor(Color.RED);
        View sbView = snackbar.getView();
        TextView textView = (TextView) sbView.findViewById(android.support.design.R.id.snackbar_text);
        textView.setTextColor(Color.YELLOW);
        snackbar.show();
    }
});

Fazit

Die Snackbar ist ein nützliches Widget in Android, das eine verbesserte Benutzererfahrung bietet. Durch die Implementierung verschiedener Snackbar-Typen können wir Nachrichten auf interaktive und ansprechende Weise anzeigen.

Kostenlosen Account erstellen

Registrieren Sie sich jetzt und erhalten Sie Zugang zu unseren Cloud Produkten.

Das könnte Sie auch interessieren: