コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
iOS10の通知にアクションボタンを追加する方法 | Xamarin.Forms
- 2017/07/14
- 17:26
前回の記事では通知に画像を表示する方法についてご紹介いたしました。引き続き
ローカル通知のカスタマイズについてご紹介いたします。今回はアクションボタンを追加する方法です。ユーザーに通知が届いた際に、ユーザーに動作を選択させる手法ですね。例えば、通知した内容に関連する「URLを開く」かどうかなど、選択肢を与えることはユーザービリティの向上につながりますね。
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.795 (NuGet Xamarin.Forms 2.3.4.247)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.6.0.10
１．iOSでの実装方法
以前の記事でiOS10の通知の実装方法をご紹介しており、その続きになりますので、通知自体の実装方法は割愛します。ソースも一部省略していますが、以前の記事のソースと見比べながら補完してください。NotificationService.cs
using UserNotifications;
[assembly: Dependency(typeof(NotificationService))]
namespace AppName.iOS.Services
{
public class NotificationService : INotificationService
{
//アクションを取得する
private UNNotificationCategory[] GetActionCategories()
{
// アクションボタン１を作成する
var actionID1 = "reply";
var actionTitle1 = "Reply";
var actionOptions1 = UNNotificationActionOptions.Foreground;
var action1 = UNNotificationAction.FromIdentifier(actionID1, actionTitle1, actionOptions1);
// アクションボタン２を作成する
var actionID2 = "noaction";
var actionTitle2 = "No Action";
var actionOptions2 = UNNotificationActionOptions.Destructive; //赤文字で表示する
var action2 = UNNotificationAction.FromIdentifier(actionID2, actionTitle2, actionOptions2);
// カテゴリを作成する
var categoryID = "message";
var actions = new UNNotificationAction[] { action1, action2 };
var intentIDs = new string[] { };
var category = UNNotificationCategory.FromIdentifier(categoryID, actions, intentIDs, UNNotificationCategoryOptions.None);
// category配列を返す
var categories = new UNNotificationCategory[] { category };
return categories;
}
public void On(string title, string subTitle, string body)
{
UIApplication.SharedApplication.InvokeOnMainThread(delegate
{
if (UIDevice.CurrentDevice.CheckSystemVersion(10, 0))
{
//アクションを取得する
var categories = this.GetActionCategories();
//通知情報を設定する
var content = new UNMutableNotificationContent();
・
・//省略
・
//アクションのカテゴリを紐づけ
content.CategoryIdentifier = "message";
//アクションの設定
UNUserNotificationCenter.Current.SetNotificationCategories(new NSSet<UNNotificationCategory>(categories));
・
・//省略
・
UNUserNotificationCenter.Current.Delegate = new LocalNotificationCenterDelegate();
// ローカル通知を予約する
UNUserNotificationCenter.Current.AddNotificationRequest(request, (err) => {
・
・//省略
・
});
}
}
}
これでボタンを表示する通知を送ることができます。ではボタンを押下した場合の動作について実装する必要がありますので次にご説明していきます。
２．アクションに対する動作を実装する
UNUserNotificationCenterDelegateを継承し、DidReceiveNotificationResponseをオーバーライドすると、通知時に設定したアクションのIDごとに分岐して動作を記述することができます。あとはこのクラスをUNUserNotificationCenter.Current.Delegateに紐づけをします。（手順１にてソース記載済み）
namespace AppName.iOS.Services
{
public class LocalNotificationCenterDelegate : UNUserNotificationCenterDelegate
{
//アクション
public override void DidReceiveNotificationResponse(UNUserNotificationCenter center, UNNotificationResponse response, Action completionHandler)
{
// Take action based on Action ID
switch (response.ActionIdentifier)
{
case "reply":
//Replyボタンを押下した場合の動作を記述する
break;
default:
// Take action based on identifier
if (response.IsDefaultAction)
{
// デフォルトアクションを記述する
}
else if (response.IsDismissAction)
{
// キャンセルした場合
}
break;
}
// Inform caller it has been handled
completionHandler();
}
}
}
尚、シミュレータでは正しく動作しませんでした。実機のみアクションボタンが表示されました。
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
-
- Androidの通知にスタイルを適用する方法 | Xamarin.Forms
- バイト配列の画像を一時保存しNSUrlを取得する方法 | Xamarin.iOS
- iOS10の通知にアクションボタンを追加する方法 | Xamarin.Forms
- iOS10の通知に画像を表示する | Xamarin.Forms
- MainActivityのインスタンスを取得する方法 | Xamarin.Forms
