AndroidでWhatsAppのように通知をグループ化する方法を解説

はじめに

このチュートリアルでは、AndroidアプリでWhatsAppのように複数の通知を1つのグループにまとめて表示する方法を解説します。通知をグループ化することで、通知トレイが乱雑になるのを防ぎ、ユーザーにとって見やすく快適な通知体験を提供できます。

ステップ1：Android Studioで新規プロジェクトを作成する

Android Studioを開き、「File」→「New Project」を選択します。必要な項目をすべて入力して、新しいプロジェクトを作成しましょう。

ステップ2：activity_main.xmlにコードを追加する

res/layout/activity_main.xmlに以下のコードを追加します。ここでは、通知を作成するためのボタンを1つ画面中央に配置しています。

<? xml version = "1.0" encoding = "utf-8" ?>
<android.support.constraint.ConstraintLayout
   xmlns: android = "https://schemas.android.com/apk/res/android"
   xmlns: app = "https://schemas.android.com/apk/res-auto"
   xmlns: tools = "https://schemas.android.com/tools"
   android :layout_width = "match_parent"
   android :layout_height = "match_parent"
   android :padding = "16dp"
   tools :context = ".MainActivity" >
   <Button
      android :id = "@+id/btnCreateNotification"
      android :layout_width = "0dp"
      android :layout_height = "wrap_content"
      android :text = "Create notification"
      app :layout_constraintBottom_toBottomOf = "parent"
      app :layout_constraintEnd_toEndOf = "parent"
      app :layout_constraintStart_toStartOf = "parent"
      app :layout_constraintTop_toTopOf = "parent" />
</android.support.constraint.ConstraintLayout>

ステップ3：MainActivity.javaにコードを追加する

src/MainActivity.javaに以下のコードを追加します。ボタンがタップされるとNotificationCompat.Builderを使って通知が生成され、Android 8.0（APIレベル26）以降の端末では通知チャンネルも自動的に作成されます。

package app.tutorialspoint.com.notifyme ;
import android.app.NotificationChannel ;
import android.app.NotificationManager ;
import android.content.Context ;
import android.support.v4.app.NotificationCompat ;
import android.support.v7.app.AppCompatActivity ;
import android.os.Bundle ;
import android.view.View ;
import android.widget.Button ;
public class MainActivity extends AppCompatActivity {
   public static final String NOTIFICATION_CHANNEL_ID = "10001" ;
   private final static String default_notification_channel_id = "default" ;
   @Override
   protected void onCreate (Bundle savedInstanceState) {
      super .onCreate(savedInstanceState) ;
      setContentView(R.layout. activity_main ) ;
      Button btnCreateNotification = findViewById(R.id. btnCreateNotification ) ;
      btnCreateNotification.setOnClickListener( new View.OnClickListener() {
         @Override
         public void onClick (View v) {
            NotificationCompat.Builder mBuilder = new NotificationCompat.Builder(MainActivity. this, default_notification_channel_id )
               .setSmallIcon(R.drawable. ic_launcher_foreground )
               .setContentTitle( "Test" )
               .setStyle( new NotificationCompat.InboxStyle())
               .setContentText( "Hello! This is my first push notification" ) ;
            NotificationManager mNotificationManager = (NotificationManager)
            getSystemService(Context. NOTIFICATION_SERVICE ) ;
            if (android.os.Build.VERSION. SDK_INT >= android.os.Build.VERSION_CODES. O ) {
               int importance = NotificationManager. IMPORTANCE_HIGH ;
               NotificationChannel notificationChannel = new NotificationChannel( NOTIFICATION_CHANNEL_ID , "NOTIFICATION_CHANNEL_NAME" , importance) ;
               mBuilder.setChannelId( NOTIFICATION_CHANNEL_ID ) ;
               assert mNotificationManager != null;
               mNotificationManager.createNotificationChannel(notificationChannel) ;
            }
            assert mNotificationManager != null;
            mNotificationManager.notify(( int ) System. currentTimeMillis () ,
            mBuilder.build()) ;
         }
      }) ;
   }
}

ステップ4：AndroidManifest.xmlにコードを追加する

androidManifest.xmlに以下のコードを追加します。

<? xml version = "1.0" encoding = "utf-8" ?>
<manifest xmlns: android = "https://schemas.android.com/apk/res/android"
   package= "app.tutorialspoint.com.notifyme" >
   <application
      android :allowBackup = "true"
      android :icon = "@mipmap/ic_launcher"
      android :label = "@string/app_name"
      android :roundIcon = "@mipmap/ic_launcher_round"
      android :supportsRtl = "true"
      android :theme = "@style/AppTheme" >
      <activity android :name = ".MainActivity" >
         <intent-filter>
            <action android :name = "android.intent.action.MAIN" />
            <category android :name = "android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

補足：通知をまとめて表示するには

WhatsAppのように複数の通知を1つに折りたたんで表示したい場合は、NotificationCompat.BuilderのsetGroup()メソッドで同じグループキーを各通知に設定し、さらにサマリー通知（要約通知）を作成して表示するのが一般的です。同じグループキーを持つ通知は、Androidが自動的に1つのグループとしてまとめてくれます。また、InboxStyleを使うと、複数行のテキストを含む通知をリスト形式で美しく表示できます。

アプリを実行してみよう

それでは、アプリケーションを実行してみましょう。実際のAndroid端末をパソコンに接続しているものとします。Android Studioからアプリを実行するには、プロジェクト内のアクティビティファイルを開き、ツールバーの実行アイコンをクリックします。接続したモバイルデバイスを選択すると、端末にアプリのデフォルト画面が表示されます。