iOS如何优雅地消除应用角标详解

来自:互联网
时间:2020-05-26
阅读:
免费资源网 - https://freexyz.cn/

前言

我们在完善推送功能的时候不光考虑能不能完成功远程推送,还要注意的是用户的体验问题,首先最需要关注的就是应用角标问题。

应用角标

1>何为应用角标

应用角标就是底下截图这哥们,本初截图是MAC上截的,手机上也是一样的效果:

iOS如何优雅地消除应用角标详解

2>应用角标原理

应用角标其实是由系统设置的,APNs将推送的消息传送到系统的时候根据上面的消息payload内容中的badge数值来给应用的图标赋值,这样应用的HomeScreen上显示的图标右上角就会出现相应的数字,不管你应用启动没启动都会显示相应的数字。所以如果是我们自己后台来实现这个推送功能的话,那么就需要一套角标逻辑来完善用户体验了。

消除角标

一般情况下,我们都会用此方法来消除角标:

[UIApplication sharedApplication].applicationIconBadgeNumber = 0;

然而这种方法会使得系统通知栏的历史推送消息全部被清除。

试了下即使用 iOS 10 的消息推送框架 UserNotification 也存在这种情况。

会造成相同效果的还有

[UIApplication sharedApplication].scheduledLocalNotifications = nil;

解决方案:

- (void)applicationDidEnterBackground:(UIApplication *)application {
 UILocalNotification *clearEpisodeNotification = [[UILocalNotification alloc] init];
 clearEpisodeNotification.fireDate = [NSDate dateWithTimeIntervalSinceNow:1];
 clearEpisodeNotification.timeZone = [NSTimeZone systemTimeZone];
 clearEpisodeNotification.applicationIconBadgeNumber = -1;
 [[UIApplication sharedApplication] scheduleLocalNotification: clearEpisodeNotification];
}

在程序退到后台后,添加该通知。

关键的地方在于 applicationIconBadgeNumber 是 -1。

接着你可以看到红点带着动画优雅地消失了,

同时,历史推送消息被保留了下来。

不过,上述这个方式到 iOS 11 就失效了。

本来以为没辙了,直到发现某个新闻客户端仍然可以实现。

于是,我反编译了该新闻客户端。

从 applicationDidEnterBackground 入手,很快就找到了相关代码。

iOS如何优雅地消除应用角标详解

iOS如何优雅地消除应用角标详解

那么答案就出来了,直接使用 UserNotifications 即可,猜测 badge 应该还是 -1。

- (void)applicationDidEnterBackground:(UIApplication *)application {
 UNMutableNotificationContent *content = [[UNMutableNotificationContent alloc] init];
 content.badge = @(-1);
 UNNotificationRequest *request = [UNNotificationRequest requestWithIdentifier:@"clearBadge" content:content trigger:nil];
 [[UNUserNotificationCenter currentNotificationCenter] addNotificationRequest:request withCompletionHandler:^(NSError * _Nullable error) {
 }];
}

最后记得不要设置 title,否则会收到空白通知。

参考资料:https://stackoverflow.com/questions/5375355/clear-app-badge-with-local-notifications

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。

免费资源网 - https://freexyz.cn/
返回顶部
顶部