Androidでダイアログ表示を数行でできるライブラリが便利だった

昔は Android もダイアログ表示が楽だったけど、
今ダイアログ表示しようとすると意外と面倒くさい手順になってます。

▼ こういう感じで煩雑

FialogFragmentクラスを継承して
その中でダイアログの制御をして
Activityとかでダイアログ表示

昔は AlertDialog 単体でも使えてたけど、メモリリークを防ぐために DialogFragment を使うことが推奨になっているみたいですね。

でも「コードが冗長になるし、もっとスマートに書きたい」みたいに思ってました。

そんな時に SimpleAlertDialog という使いやすいライブラリ発見

最低限のシンプルさで便利だったので、
この SimpleAlertDialog の使い方とか色々まとめてみます。

このページの目次

まず SimpleAlertDialog で普通のダイアログを表示してみる
- １．build.gradleにライブラリを追加
- ２．SimpleAlertDialogFragment を作って表示
表示されたメッセージダイアログはこんな感じ
ついでにリストダイアログも作ってみた
実際に表示してみたリストダイアログの見た目

まず SimpleAlertDialog で普通のダイアログを表示してみる

まずは何の変哲もないメッセージダイアログ表示にチャレンジ

導入手順も合わせて紹介すると、次の手順でできました。

１．build.gradleにライブラリを追加

まずモジュールレベルの build.gradle にライブラリ追加

▼ この１行を書き加えるだけ

implementation "com.github.ksoichiro:simplealertdialog:1.2.1"

1	implementation "com.github.ksoichiro:simplealertdialog:1.2.1"

そしたら【Async NOW】を押してプロジェクトを同期（Android Studio の場合）

ライブラリの導入自体はたったこれだけです。

２．SimpleAlertDialogFragment を作って表示

このライブラリには SimpleAlertDialogFragment が用意されてます。

単純に DialogFragment を継承しただけだけど、これがスゴク便利です。

なぜならこれ１つで色々なダイアログ種類に対応できるから

メッセージダイアログ
リスト選択型ダイアログ
アイコン付きダイアログ
テキスト入力ダイアログ
その他色々・・・

今回は一番オーソドックスな "はい" or "いいえ" ボタンだけついたダイアログを作ってみます。

その場合、ダイアログ呼び出し手順は次みたいな感じです。

１．まず SimpleAlertDialogFragment インスタンス作成＆表示

new SimpleAlertDialogFragment.Builder()
        .setTitle( "Question" )
        .setMessage( "Is this a dialog?" )
        .setPositiveButton( "YES" )
        .setNegativeButton( "NO" )
        .setRequestCode(12345)
        .create()
        .show( getFragmentManager(), "Dialog" );

new SimpleAlertDialogFragment.Builder()

.setTitle( "Question" )

.setMessage( "Is this a dialog?" )

.setPositiveButton( "YES" )

.setNegativeButton( "NO" )

.setRequestCode(12345)

.create()

.show( getFragmentManager(), "Dialog" );

２．ボタン用のインターフェースを Activity に実装

public class MainActivity extends AppCompatActivity
   implements SimpleAlertDialog.OnClickListener {
...
}

public class MainActivity extends AppCompatActivity

implements SimpleAlertDialog.OnClickListener {

...

}

３．Activity内でボタン用メソッドをオーバーロード

@Override
public void onDialogPositiveButtonClicked(
    SimpleAlertDialog dialog, int requestCode, View view
) {
    if ( requestCode == 12345 ) {
        /// Do something
    }
}

@Override
public void onDialogNegativeButtonClicked(
    SimpleAlertDialog dialog, int requestCode, View view
) {
    if ( requestCode == 12345 ) {
        /// Do something
    }
}

@Override

public void onDialogPositiveButtonClicked(

SimpleAlertDialog dialog, int requestCode, View view

) {

if ( requestCode == 12345 ) {

/// Do something

}

@Override

public void onDialogNegativeButtonClicked(

SimpleAlertDialog dialog, int requestCode, View view

) {

if ( requestCode == 12345 ) {

/// Do something

}

Activityにダイアログ用メソッド（はいボタン用は onDialogPositiveButtonClicked 、いいえボタン用は onDialogNegativeButtonClicked ）をオーバーライドするのが大事なポイント

それ以外は普通の AlertDialog とほぼ変わらないと思います。

表示されたメッセージダイアログはこんな感じ

それで今作ったメッセージダイアログを表示してみました。

▼ そのダイアログがコチラ

さっき書いたコードのように "YES" を押すと onDialogPositiveButtonClicked コールバックが呼ばれ、 "NO" を押すと onDialogNegativeButtonClicked コールバックが呼ばれます。

あとは普通のアラートダイアログとほぼ同じですね。

ついでにリストダイアログも作ってみた

ついでにリストダイアログ表示も試してみたので紹介

普通に選択ダイアログを作ろうとすると、 ArrayAdapter とか ListView とか・・・色々拡張しなくていけなくて超面倒くさいですよね。アレは本当に開発意欲をガリガリ削がれる

でもこのライブラリなら一切そういうの不要で作れちゃいます。

そのリストダイアログの作り方は以下の通り

１．まず SimpleAlertDialogFragment を作成＆文字列リスト渡す

/// 選択ダイアログに表示する文字列リスト
CharSequence itemNameList[] = new String[]{
    "3minutes", "5minutes", "15minutes",
    "30minutes", "45minutes", "60minutes"
};

new SimpleAlertDialogFragment.Builder()
    .setTitle("Choose one")
    .setItems( itemNameList )
    .setRequestCode( 12345 )
    .create().show(getFragmentManager(), "dialog");

/// 選択ダイアログに表示する文字列リスト

CharSequence itemNameList[] = new String[]{

"3minutes", "5minutes", "15minutes",

"30minutes", "45minutes", "60minutes"

};

new SimpleAlertDialogFragment.Builder()

.setTitle("Choose one")

.setItems( itemNameList )

.setRequestCode( 12345 )

.create().show(getFragmentManager(), "dialog");

２．Activityにダイアログ用インターフェースを実装

public class MainActivity extends AppCompatActivity 
    implements SimpleAlertDialog.OnItemClickListener {
  ...
}

public class MainActivity extends AppCompatActivity

implements SimpleAlertDialog.OnItemClickListener {

...

}

３．Activity内でメソッドオーバーライドして結果受け取る

@Override
public void onItemClick(final SimpleAlertDialog dialog, int requestCode, int which) {
    if (requestCode == 12345) {
        // Do something
    }
}

@Override

public void onItemClick(final SimpleAlertDialog dialog, int requestCode, int which) {

if (requestCode == 12345) {

// Do something

}

オーバーライドした onItemClick 内でどのアイテムが選択されたか取得可能

ただし配列のインデックス番号が返されることに要注意です。

実際に表示してみたリストダイアログの見た目

今作ったリストダイアログを実機で表示してみました。

▼ その結果がコチラ

ちゃんとリストに渡した文字列配列がリスト表示されてます。

その上 ListView とか ArrayAdapter とかカスタムデータも一切作る必要ないから楽ですね。

凝ったダイアログを作る必要ないなら、SimpleAlertDailog で十分な気がする

以上、Androidでダイアログ表示できるライブラリの紹介でした。ではまた

ちみ

作ってみました。
このダイアログの外部(もとのアクティビティの部分)をタップすると、ダイアログが消えてしまいますが、なにかまちがえていますか？
現状ですとダイアログとしては使えないです。

ちなみに、最初の例のコード .setRequestCod(12345) は ‘e’が足りませんでした。
2番めのリスト形式のダイアログは、リスト表示されず、タイトル部分だけしか表示されませんでした。

(記入したEmailは捨てあどです。)

8月 17, 2020 5:04 pm

ぴー助

何が間違えているかはコメントだけでは分かりません。まずは記事通りの手順を試されることをオススメします。それでも表示されない場合、ご自身で期待する動作にならない原因を調べることが必要ですね。

最初の例コードの .setRequestCod(12345) ですが、 e が足りないのに気づきませんでした・・・早速訂正しておきます。コメントでのご指摘ありがとうございました！

8月 17, 2020 5:48 pm