实现 iOS 前台时的推送弹窗效果

Cocoa开发者社区 · 公众号 · ios · 2016-09-08 08:05

正文

▲点击上方“CocoaChina”关注即可免费学习iOS开发

作者：Pikacode
原文链接：http://www.jianshu.com/p/67864e1c2085
本文获作者授权转载

或许很多童鞋还不知道，在 iOS 中收到推送通知时，如果 App 处于前台运行的情况下，推送的顶部弹窗是不会弹出来的。

然而就是有很多**的产品经理都会提出类似这样的**需求：

那就是在 App 处于前台时一样要弹出推送的窗口，而且还要能点击，能跳转到指定页面，甚至这一需求还涉及到了产品的核心功能。

今天 Pikacode 就跟大家分享一下自己写的小插件，仅仅只需 1、2 行代码，即可搞定这一需求。

Github: https://github.com/Yasashi/EBForeNotification

EBForeNotification

在 App 处于前台时展示跟系统完全一样的推送弹窗和声音。获取推送内容，并且处理点击事件。

支持 iOS 7~10 beta，支持模拟器和真机运行。

效果

实际效果如下：

跟系统推送弹窗 UI 效果完全相同
可以自动获取 App 的应用名称，应用图标
弹窗时会自动隐藏系统状态栏、收起后自动显示系统状态栏
自带推送声音
时间及下方收拉条的颜色跟当前页面的背景颜色相同
自带点击事件，点击可获取推送内容，进行相应页面跳转
自带上滑手势，快速收起
自动在处于最前端的 controller 上进行弹窗

安装

1. 下载并在 Xcode 中拖拽拷贝 EBForeNotification 文件夹至 Xcode 工程。

2. targets --> Build Settings --> 搜 other link --> 添加 -ObjC。

本地弹窗

在任意方法内调用以下任 1 行代码即可弹窗

#import "EBForeNotification.h"
{...
//普通弹窗(系统声音)
[EBForeNotification handleRemoteNotification:@{@"aps":@{@"alert":@"展示内容"}} soundID:1312];
//普通弹窗(指定声音文件)
[EBForeNotification handleRemoteNotification:@{@"aps":@{@"alert":@"展示内容"}} customSound:@"my_sound.wav"];
//带自定义参数的弹窗(系统声音)
[EBForeNotification handleRemoteNotification:@{@"aps":@{@"alert":@"展示内容"}, @"key1":@"value1", @"key2":@"value2"} soundID:1312];
//普通弹窗(指定声音文件)
[EBForeNotification handleRemoteNotification:@{@"aps":@{@"alert":@"展示内容"}, @"key1":@"value1", @"key2":@"value2"} customSound:@"my_sound.wav"];
...}

接收远程/本地推送后弹窗

接收远程/本地推送后，自动在前台展示推送弹窗及声音。

在 AppDelegate.m 中添加代码

//AppDelegate.m
#import "EBForeNotification.h"
//ios7 before
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo {
...
//系统声音弹窗
[EBForeNotification handleRemoteNotification:userInfo soundID:1312];
//指定声音文件弹窗
[EBForeNotification handleRemoteNotification:userInfo customSound:@"my_sound.wav"];
...
}
//ios7 later
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler {
...
//系统声音弹窗
[EBForeNotification handleRemoteNotification:userInfo soundID:1312];
//指定声音文件弹窗
[EBForeNotification handleRemoteNotification:userInfo customSound:@"my_sound.wav"];
...
completionHandler(UIBackgroundFetchResultNewData);
}

soundID 参数

iOS 系统自带的声音 id，系统级的推送服务默认使用的是三全音，id = 1312

其他系统声音 id 可以在这里查询到 iOS Predefined sounds

备用地址 AudioServices sounds

监听并处理点击事件

添加 Observer 监听 EBBannerViewDidClick，获取推送内容，通过推送时自定义的字段处理自己逻辑，如：跳转到对应页面等。

接收到的推送内容类似以下：

{
"aps":
{
"alert":"推送内容",
"sound":"sound",
"badge":"3"
},
"key1":"跳转页面1" //自定义此字段以跳转到相应页面
}

添加 Observer 获取自定义的字段，并处理：

#import "EBForeNotification.h"
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(eBBannerViewDidClick:) name:EBBannerViewDidClick object:nil];
-(void)eBBannerViewDidClick:(NSNotification*)noti{
if(noti[@"key1" == @"跳转页面1"]){
//跳转到页面1
}
}

小编推荐：[掘金]是一个高质量的技术社区，从 Swift 到 React Native，性能优化到动效源码，让你不错过 iOS 开发的每一个技术干货。长按图片二维码识别或者各大应用市场搜索「掘金」，技术干货尽在掌握中。

微信号：CocoaChinabbs

▲长按二维码“识别”关注即可免费学习 iOS 开发

月薪十万、出任CEO、赢娶白富美、走上人生巅峰不是梦

--------------------------------------

商务合作QQ：2408167315

投稿邮箱：[email protected]