[Android] Toast をカスタマイズする

cat49 01 - [Android] Toast をカスタマイズする
トーストで表示される色や形がいまいちアプリに合わないと思うことは多々あるのではないでしょうか。
前回 のデフォルトでの設定は簡単でしたが文字を大きくしたい、画面コンセプト色に合わせたいなど色々手を加えるには、カスタマイズするとできます。

Android Studio 3.5.3
API 29



Custom Toast

 
Toastはちょっとした確認メッセージを入れるのにとても適しています。ただテキスト、あるいは画像を表示させるのであれば他の方法もありますが、ほどほどの時間で消えてくれるところがいいですね。これをタイマー使うと煩雑なコードになりそうです。

toast custom 02 - [Android] Toast をカスタマイズする
 

 

カスタマイズ

 
カスタマイズとして、このくらい手を加えてみます。

  • 画像付きのメッセージ
  • ダイアログの形は丸角
  • グラデーションのついた背景

大元のToastをインポートします
import android.widget.Toast;
 

 
これでdefaultのトーストはできあがりで、これを拡張していきます

  1. TextViewとImageViewを乗せたViewを作り
    1. custom_toast.xmlというレイアウトファイルにします
  2. そのViewを inflate を使ってactivity_main に挿入
  3. TextViewは背景を shape を使って色を付けたり、角を丸く

 

 

サンプルコード

 

MainActivity.java

 
activity_main.xml

 
Inflateするレイアウトファイルを作成して res/layout/ 以下に配置します。
また例えば画像(ok.png)をdrawableに入れておきます。
custom_toast.xml

 
背景を丸角のボックスで、エメラルド系のグラテーションを施してみます。
shape を使った定義xmlを、drawable フォルダに入れます
 
round_rectangle.xml

 
リソース

 

 

サンプル動画

 

 
custom_toast.xml を色々修正してアプリのテーマにあったカスタマイズができますね
 
 
関連ページ;

 
Refferences:
Toasts | Android Developers
Toasts

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

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

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

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

オンラインスクールは色々ありますが、以下の3つはAndroidが学習できる老舗スクールです。


TECH ACADEMY
Androidアプリコース


こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。


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


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


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




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




シェアする

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

フォローする