カスタマイズ

【Android Studio】AlertDialogの文字色・文字サイズ・背景色のカスタマイズ方法

 
Android Studio でアプリ開発でよく使用するのが AlertDialog(アラートダイアログ)です。

簡単に使うことができて便利ですが、とてもシンプルなデザインなので、文字の色やサイズをカスタマイズしたい場合があると思います。

そこで今回は「AlertDialogの文字色・文字サイズ・背景色のカスタマイズ方法」を紹介します。

文字の色を変えるだけでもアプリの雰囲気が変わりますので、ぜひお試しください🙂
 
 

デフォルト
カスタマイズ後

 

画像を入れたい場合、さらに細かくカスタマイズしたい場合はこちらの記事をお読みください。

【Android Studio】AlertDialogのカスタマイズ方法(画像を追加する方法) 以前、AlertDialog の文字色・文字サイズ・背景色のカスタマイズ方法を紹介しました。 ここでは自分で AlertDia...

 
 


 

開発環境

Android Studio 3.4
Android Emulator Nexus 4 (API 27)

minSdkVersion 15
compileSdkVersion 28

 
 

デフォルトの AlertDialog

何もカスタマイズしない場合の AlertDialog のコードはこのようになります。

 
 

 
 

AlertDialog のカスタマイズ

色の用意

はじめに、タイトルとボタンに使用する色を colors.xml に定義しておきます。

*黒・白・赤などの一般的な色を使う場合は、このあと紹介する Color クラスにすでに用意されているので、この手順は不要です。
 

Android Studio 画面左側のプロジェクト構造から app → res → values → colors.xml を開きます。


 

colors.xml を開いたら、7行目のように好きな色をご用意ください。

 
 

タイトルのカスタマイズ

まずはタイトルのカスタマイズをします。

 

2~8行目

タイトル用の TextView を用意して

  • 表示するテキスト
  • 文字サイズ
  • 文字色
  • 背景色
  • Padding
  • 揃える位置

の順番で設定しています。
 

色の設定方法

5行目 titleView.setTextColor(Color.WHITE);

文字の色は Color クラスに用意されている WHITE(白)を使っています。

黒・白・赤などの一般的な色は Color クラスに用意されているので、簡単に使うことができます。使用できる色は https://developer.android.com/reference/android/graphics/Color#summary をお読みください。
 

6行目 titleView.setBackgroundColor(getResources().getColor(R.color.alertBlue));

背景色には先ほど colors.xml に定義した色を使っています。
 

RGB や HEX を使った色の指定方法は「【Android Studio】Colorクラス・Resources を使った色の指定方法まとめ」をお読みください。

【Android Studio】Color クラス・Resources 色の指定方法まとめ Android 開発をしていると、java ファイル側でテキストやボタンの色を変えたい場合があると思います。 例えばクイズ...

 
 

Padding について

Padding(パディング)は、タイトル TextView の枠と文字の距離(すき間)の部分です。
 

Paddingなし
Paddingあり
7行目 titleView.setPadding(20, 20, 20, 20);

padding の数値は「左・上・右・下」の順番でセットします。

今回はタイトルを中央揃えにしているので、左右の Padding は 0 しても問題ありません。
 
 

11行目

titleView を AlertDialog にセットすれば、タイトルのカスタマイズは完成です。

 
 

メッセージのカスタマイズ

次にメッセージ部分のカスタマイズをします。

メッセージもタイトルと同じように TextView を用意するだけでカスタマイズできます。

 

設定項目はタイトルで使ったものと同じです。
メッセージ部分にも背景色を付けたい場合は、タイトルと同じように setBackgroundColor をセットしてください。

19行目 setView(msgView) でメッセージをセットすれば完了です。

 
 

ボタンのカスタマイズ

ボタンの色はダイアログ作成後に変更します。

13~14行目を追加してください。

 

今回は「OK」ボタンだけ使用していますが、その他のボタンも以下のように取得できます。

dialog.getButton(AlertDialog.BUTTON_NEGATIVE).setTextColor(Color.WHITE);
dialog.getButton(AlertDialog.BUTTON_NEUTRAL).setTextColor(Color.WHITE);

 
 

まとめ

以上が AlertDialog の文字色・文字サイズ・背景色のカスタマイズ方法でした。

カスタマイズが反映されないという場合は、一番下にサンプルコードを貼っているので確認してみてください🙂

画像を入れたりボタンのデザインを変えるなど、さらにカスタマイズをしたいという場合は、自分でレイアウトを作成する必要があります。「【Android Studio】AlertDialogのカスタマイズ方法(画像を追加する方法)」をお読みください。

【Android Studio】AlertDialogのカスタマイズ方法(画像を追加する方法) 以前、AlertDialog の文字色・文字サイズ・背景色のカスタマイズ方法を紹介しました。 ここでは自分で AlertDia...

 

AlertDialog のメッセージ部分に HTML リンクを入れたい場合は、【Android Studio】アラートダイアログにHTMLリンクを表示する簡単な方法を参考にしてみてください。

【Android Studio】アラートダイアログにHTMLリンクを表示する簡単な方法 ここではAlertDialog(アラートダイアログ)に HTML リンクを表示する方法を紹介します。 「Google ...

 

サンプルコード

 

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

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい🙂
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です