リファレンス・カスタマイズ

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

 

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


 
 

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

【Android Studio4.1】Snackbar の文字色・背景色を変更する方法 ここではSnackbar の文字色・背景色を変更する方法を紹介します。 Snackbar の基本的...

 
 


 

開発環境

Android Studio4.1.1
Android EmulatorNexus 4 (API 30)
minSdkVersion16
targetSdkVersion30

 

プロジェクトについて

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

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

  • MainActivity.java
  • activity_main.xml

 
 

テーマの確認

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


 
 

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


 
 
 

Snackbar を表示する

基本的な使い方

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

 
 
 

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

 
 

19行目

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

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

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

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

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

 

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

.setDuration(10000)

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

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


 
 
 

CoordinatorLayout を使う場合

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

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

 
 

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


 
 
 
 

view オブジェクトついて

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

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

onCreate メソッド内で表示するサンプル

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

 
 

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

 
 
 

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


 
 
 

Snackbar のカスタマイズ方法

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

【Android Studio4.1】Snackbar の文字色・背景色を変更する方法 ここではSnackbar の文字色・背景色を変更する方法を紹介します。 Snackbar の基本的...
 
 

ABOUT ME
Sara
「わかりやすく・シンプル」をモットーに、スマホアプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
あなたにオススメのプログラミング講座

この講座では Android Studio で4択クイズアプリを開発しながら

  • SQLite データベースの使い方
  • カテゴリ別のクイズ出題
  • AdMob 広告の実装
  • Play ストアへのアプリの公開
  • Google Play ゲームとの連携

を学ぶことができます。

アプリを開発するだけでなく、アプリをリリースして広告収入を得たいという方にオススメの講座です。

guest
0 Comments
Inline Feedbacks
View all comments
0
この記事にコメントするx