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

前言

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

应用角标

1>何为应用角标

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

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 入手，很快就找到了相关代码。

那么答案就出来了，直接使用 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

总结

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