通知(Notification) #4 (クリックでキャンセル)

前回は、通知エリアの「Clear」ボタンの他に、アプリケーションから通知を消去する方法について説明しました。プログラムからタイミングを見計らって消去するにはこの方法でいいのですが、実際にはユーザーが「確認したので消したい」というケースも多いはずです。

今回は、通知エリアに表示された通知をクリックすることで、その通知を消去するサンプルプログラムを紹介します。

---

◆ 通知(Notification) #4 (クリックでキャンセル)

前回、通知を「実行中」にするために、Notificationのフラグを変更しました。今回もこのフラグを変更することで、通知をクリックするとキャンセルできるようになります。

NotificationTest4aActivity.java

package jp.co.triware.samples.NotificationTest4a;

import android.app.Activity;
import android.app.Notification;
import android.app.NotificationManager;
import android.app.PendingIntent;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioGroup;

public class NotificationTest4aActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        final NotificationManager notifMgr = (NotificationManager)getSystemService(NOTIFICATION_SERVICE);
        final EditText etTickerText = (EditText)findViewById(R.id.tickerText_et);
        final EditText etContentText = (EditText)findViewById(R.id.contentText_et);
        final RadioGroup rgSelect = (RadioGroup)findViewById(R.id.group_rg);

        // Notifyボタン
        Button btnNotify = (Button)findViewById(R.id.notify_btn);
        btnNotify.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) {
                // ステータスバーと通知エリアに表示する内容をセット
                int icon = R.drawable.ic_launcher; // アイコン
                String tickerText = etTickerText.getText().toString(); // テキスト(ステータスバー)
                long when = System.currentTimeMillis(); // 時刻
                Notification notif = new Notification(icon, tickerText, when);

                // ラジオボタンのIDを通知のIDとして使用する
                int id = rgSelect.getCheckedRadioButtonId();
                // フラグの設定
                notif.flags |= Notification.FLAG_AUTO_CANCEL; // クリックでキャンセル
                if (id == R.id.select2_rb) {
                    notif.flags |= Notification.FLAG_ONGOING_EVENT; // 「実行中」
                }

                // 通知エリアに表示する内容をセット
                String contentTitle = getString(R.string.app_name); // タイトル
                String contentText = etContentText.getText().toString(); // 通知メッセージ
                Intent intent = null; // タップ時の処理(今回は何もしない)
                PendingIntent contentIntent = PendingIntent.getActivity(getApplicationContext(), 0, intent, 0);
                notif.setLatestEventInfo(getApplicationContext(), contentTitle, contentText, contentIntent);

                // 通知
                notifMgr.notify(id, notif);
            }
        });

        // Clearボタン
        Button btnClear = (Button)findViewById(R.id.clear_btn);
        btnClear.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // ID取得
                int id = rgSelect.getCheckedRadioButtonId();

                // キャンセル
                notifMgr.cancel(id);
            }
        });
    }
}

必要なコードは、40行目の

notif.flags |= Notification.FLAG_AUTO_CANCEL;

これだけです。このフラグ(FLAG_AUTO_CANCEL)を追加することで、通知をタップして消去することができるようになります。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    >
    <RadioGroup
        android:id="@+id/group_rg"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <RadioButton
            android:id="@+id/select1_rb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Notify"
            android:checked="true"
            />
        <RadioButton
            android:id="@+id/select2_rb"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Ongoing"
            />
    </RadioGroup>
    <EditText
        android:id="@+id/tickerText_et"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Ticker Text"
        />
    <EditText
        android:id="@+id/contentText_et"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Content Text"
        />
    <Button
        android:id="@+id/notify_btn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Notify"
        />
    <Button
        android:id="@+id/clear_btn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Clear"
        />
</LinearLayout>

Androidプロジェクトの設定

プロジェクト名:	NotificationTest4a
アプリケーション名:	NotificationTest4a
パッケージ名:	jp.co.triware.samples.NotificationTest4a
アクティビティーの作成:	NotificationTest4aActivity

ビルドターゲットや最小SDKバージョンは、お使いの開発環境に合わせて設定してください。

実行結果

「Notify」と「Ongoing」を通知します。

通知エリアを開くと両方表示されています。まず「*** Ongoing ***」をタップすると、「実行中」の通知が消えました。

引き続き「*** Notify ***」をタップすると、こちらの通知も消えました。