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

cat52 01 - [Android] Snackbar で通知と簡単なアクションを実装する
簡単な通知をユーザーに出すには、Toastがありますが、似たようなポップアップ機能として Snackbar があります。違いは画面下からせり出すこととユーザーにメッセージと共にアクションを提示できるところです。

Android Studio 3.4.2
API 29
AndroidX



Snackbar

 
SnackbarはToastと同じようにある短い期間だけ表示して消えます。ただ、設定によっては表示期間を決めたり、dismissするまで継続させたりと色々とできます。Googleのサンプルコードでよく使っているかもしれません

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

 

Snackbarの表示

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

 
また、Snackbarのサポートライブラリーが必要ですが、そのために
import android.support.design.widget.Snackbar;
gradleで
implementation ‘com.google.android.material:material:x.x.x’
をセットします。
注)API28以下では
android.support.design.widget.Snackbar
com.android.support:design:
 

尚、バージョンは適宜調整してください。
 
以下簡単にSnackbarをボタンタップのタイミングで表示させるコードです。
MainActivity.java

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

strings.xml

 
build.gradle

 
ボタンタップでSnackbarが表示されました。
 
snackbar 01 - [Android] Snackbar で通知と簡単なアクションを実装する

 

Snackbarのアクション設定

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

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

 
activity_main.xml

 
strings.xml

 
build.gradle

 

サンプル動画

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

 
Reference:
Snackbar | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影


Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

  • このエントリーをはてなブックマークに追加

フォローする