[Android] Snackbar で通知と簡単なアクションを実装する

簡単な通知をユーザーに出すには、Toastがありますが、似たようなポップアップ機能として Snackbar があり、こちらが推奨されています。

Android Studio
2024.1.1

Snackbar

SnackbarはToastと同じようにある短い期間だけ表示して消えます。ただ、設定によっては表示期間を決めたり、dismissするまで継続させたりと色々とできます。

尚、Kotlinはこちら

目次
1. Snackbarの表示
2. Snackbarのアクション設定
3. サンプル動画

Snackbarの表示

SnackbarはToastと似たような設定ですが、引数としてViewを取ります。因みにToastはContextでした。Snackbarの設定は、
　

Snackbar.make(view, "メッセージ", Snackbar.LENGTH_SHORT).show();

1	Snackbar.make(view, "メッセージ", Snackbar.LENGTH_SHORT).show();

　
サポートライブラリーが必要です。

import android.support.design.widget.Snackbar;

1	import android.support.design.widget.Snackbar;

　
以下簡単にSnackbarをボタンタップのタイミングで表示させるコードです。
MainActivity.java

//package com.example.testsnackbar;

import android.os.Bundle;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
import android.widget.Button;
import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });

        Button button = findViewById(R.id.button);
        // expression lambda
        button.setOnClickListener( v ->
        Snackbar.make(v, "メッセージ", Snackbar.LENGTH_LONG).show());

    }
}

//package com.example.testsnackbar;

import android.os.Bundle;

import androidx.activity.EdgeToEdge;

import androidx.appcompat.app.AppCompatActivity;

import androidx.core.graphics.Insets;

import androidx.core.view.ViewCompat;

import androidx.core.view.WindowInsetsCompat;

import android.widget.Button;

import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

EdgeToEdge.enable(this);

setContentView(R.layout.activity_main);

ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {

Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());

v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);

return insets;

});

Button button = findViewById(R.id.button);

// expression lambda

button.setOnClickListener( v ->

Snackbar.make(v, "メッセージ", Snackbar.LENGTH_LONG).show());

}

　
レイアウトです。ボタンをおいただけです。
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    
</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/main"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<Button

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/button"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

strings.xml

<resources>
    <string name="app_name">Your App Name</string>
    <string name="button">Button</string>
</resources>

<string name="button">Button</string>

</resources>

　
Button タップで Snackbar が表示されました。
　

Snackbarのアクション設定

Snackbarにアクションを設定してみましょう。
バーの右横にボタンのようにmessageが設定されてそれをタップするとアクションが実行されます。Buttonのような感じに使えます。
　

Snackbar setAction (CharSequence text, View.OnClickListener listener)

1	Snackbar setAction (CharSequence text, View.OnClickListener listener)

　
その他にバーの背景色を変えたり、Actionの文字列色を変更するメソッドがあります。
まとめてアクションによりTextViewから応答メッセージを表示させてみます。
　
MainActivity.java

//package com.example.testsnackbar;

import android.graphics.Color;
import android.os.Bundle;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
import android.widget.Button;
import android.widget.TextView;
import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

    private Snackbar snackbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });


        TextView textView = findViewById(R.id.text_view);

        Button button = findViewById(R.id.button);
        // statement lambda
        button.setOnClickListener( v -> {
            snackbar = Snackbar.make(v, R.string.ask, Snackbar.LENGTH_SHORT);
            snackbar.setDuration(10000);
            snackbar.getView().setBackgroundColor(Color.rgb(32, 125, 98));

            // expression lambda
            snackbar.setAction("Reply",  view ->
                    textView.setText(R.string.message)
            );

            snackbar.setActionTextColor(Color.YELLOW);
            snackbar.show();
        });

    }
}

//package com.example.testsnackbar;

import android.graphics.Color;

import android.os.Bundle;

import androidx.activity.EdgeToEdge;

import androidx.appcompat.app.AppCompatActivity;

import androidx.core.graphics.Insets;

import androidx.core.view.ViewCompat;

import androidx.core.view.WindowInsetsCompat;

import android.widget.Button;

import android.widget.TextView;

import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

private Snackbar snackbar;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

EdgeToEdge.enable(this);

setContentView(R.layout.activity_main);

ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {

Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());

v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);

return insets;

});

TextView textView = findViewById(R.id.text_view);

Button button = findViewById(R.id.button);

// statement lambda

button.setOnClickListener( v -> {

snackbar = Snackbar.make(v, R.string.ask, Snackbar.LENGTH_SHORT);

snackbar.setDuration(10000);

snackbar.getView().setBackgroundColor(Color.rgb(32, 125, 98));

// expression lambda

snackbar.setAction("Reply", view ->

textView.setText(R.string.message)

);

snackbar.setActionTextColor(Color.YELLOW);

snackbar.show();

});

}

　
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:textColor="#000"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.36" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/main"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<TextView

android:id="@+id/text_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="20dp"

android:textColor="#000"

android:textSize="24sp"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintVertical_bias="0.36" />

<Button

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/button"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

　
strings.xml

<resources>
    <string name="app_name">Your App Name</string>
    <string name="button">Button</string>
    <string name="ask">Are you Clear?</string>
    <string name="message">Understood !</string>
</resources>

<string name="button">Button</string>

<string name="ask">Are you Clear?</string>

<string name="message">Understood !</string>

</resources>

　
真ん中のButtonをタップすると
Snackbarが画面下に表示され
Are you Clear ? のメッセージと
Replyがボタンになっていてタップすると
Understood！と返事をする流れです

サンプル動画

setDuration()を使って表示期間を長くしてみましたが、Actionで終了してくれます。正直、こういった通知がユーザーによっては邪魔な時があるのですぐに消す目的に使えるかもしれません。(Swipeでも消えますけど)
　

Reference:
Snackbar | Android Developers