【Android Studio4.1】Snackbar を表示する方法

ここでは、アプリ画面の下部に簡単なメッセージを表示することができる Snackbar の使い方を紹介します。

Snackbar の色を変更する方法は以下の記事をお読み下さい。

開発環境

Sample という名前でプロジェクトを作成しています。

また、以下のファイルに実装していきます。

themes.xml で指定しているテーマによって Snackbar のデザインが少し異なります。

Theme.AppCompat.DayNight.DarkActionBar や Theme.MaterialComponents.DayNight.DarkActionBar を指定すると、以下のようなデザインになります。

まず Snackbar を表示するボタンを activity_main.xml に用意します。

次に、ボタンが押された時に呼ばれる showSnackbar メソッドを MainActivity.java に書きます。（18~27行目）

Snackbar.make(view, "ここにメッセージを表示します", Snackbar.LENGTH_SHORT)

１つ目の引数は、Snackbar を表示するビューを指定します。

２つ目の引数には、表示するメッセージを指定します。

３つ目の引数は、Snackbar を表示する時間です。

使用できる値
LENGTH_SHORT	短く表示
LENGTH_LONG	少し長めに表示
LENGTH_INDEFINITE	次の Snackbar が表示されるか、スワイプされるまで表示。スワイプするには、この後紹介する CoordinatorLayout を使う必要があります。

表示時間を自分で指定する場合は setDuration メソッドを使うことができます。

.setDuration(10000)

ミリ秒で指定します。1秒 = 1000ミリ秒

アプリを実行すると、このように Snackbar が表示されます。

Snackbar をスワイプで消せるようにするには CoordinatorLayout を使います。

activity_main.xml の2行目を CoordinatorLayout に変更します。

アプリを実行すると Snackbar をスワイプして消すことができるようになっています。

ここまでのサンプルでは、ボタンを押した時に Snackbar を表示しているので、onClick メソッドの view オブジェクトを使っています。

例えば、メール送信完了やログイン完了のタイミング、onCreate メソッドで Snackbar を表示したい場合は、親レイアウトの id を使って表示することができます。

activity_main.xml には 9行目のように id を追加します。

MainActivity.java の onCreate メソッドで Snackbar を表示します。（17・18行目）

アプリを実行すると、このように Snackbar が表示されます。

Snackbar の背景色・文字色を変更する方法は以下の記事をお読みください。

挫折しないプログラミング講座

Code for Fun プログラミング講座では「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで学ぶことができます。

という方にオススメです。