iOS10.3后允许App运行中变更App图标
引
在iOS10.3中,苹果提供了一个比较有意思的功能。
不知道大家注意到没有,iPhone自带的日历和始终App的图标是实时显示当日日期和当时的时间的,时间的秒钟还会走动,这其实就做到了在安装完App后,还能自由地变更App的图标,而现在,我们普通的开发者也可以实现了。但是这只能在iOS10.3之后实现。
效果如下:
20170509113129535.gif可以看到在点击按钮操作后将App的图标更换掉了。
这个效果可以用在很多地方,做出更加需要时效性的App,比如日历、时间、天气、票据、活动等等。
API支持
首先这个功能只在iOS10.3以后才支持,所以在使用之前当然需要进行判断,我们当然也能够自己获取iOS的系统版本来决定,但是苹果给我们提供了直接的判断方法:
// 如果为NO,表示当前进程不支持替换图标,YES则支持
@property (readonly, nonatomic) BOOL supportsAlternateIcons NS_EXTENSION_UNAVAILABLE("Extensions may not have alternate icons") API_AVAILABLE(ios(10.3), tvos(10.2));
所以在使用之前我们直接用这个 supportsAlternateIcons 属性来判断就可以了。
剩下的问题就是怎么设置了,苹果也直接提供了一个简单易用的方法来使用,其中 alternateIconName 是传入的要作为图标使用的图片名,completionHandler 是执行后的代码块:
// alternateIconName 为 nil代表使用主图标。完成后的操作将会在任意的后台队列中异步执行; 如果需要更改UI,请确保在主队列中执行。
- (void)setAlternateIconName:(nullable NSString *)alternateIconName completionHandler:(nullable void (^)(NSError *_Nullable error))completionHandler NS_EXTENSION_UNAVAILABLE("Extensions may not have alternate icons") API_AVAILABLE(ios(10.3), tvos(10.2));
当然,我们如果想要知道当前用的是哪个图标,也可以直接通过 alternateIconName 属性来获知:
// 如果alternateIconName为nil,则代表当前使用的是主图标.
@property (nullable, readonly, nonatomic) NSString *alternateIconName NS_EXTENSION_UNAVAILABLE("Extensions may not have alternate icons") API_AVAILABLE(ios(10.3), tvos(10.2));
通过这三个API,我们基本就可以顺利的使用了。而在写代码之前,我们还需要配置 Info.plist 文件,并不是直接把图片拖到工程里就可以了的。我们需要在 Info.plist 中添加一些字段,如图所示:
image.png其中Primary用来放初始图标,我们以前在Assets中放图标,其实也会生成这个键,Icon files 中是图片数组,按理是应该放置不同尺寸的图片,来供不同分辨率的设备使用,这里为了方便我就直接用一个图片了。
CFBundleAlternateIcons 就是放我们可能会变化的一些图标图片了,它是一个词典,下面包含很多子词典,子词典的键名其实就是图片的名字,值与上面的 Primary 一样,放不同尺寸的图片数组。至于UIPrerenderedIcon,我们不需要用到。一定要注意键就是图片的名字,这样在调用上面的API传入图片名时才能够找到对应的键值对,否则会变更失败,控制台会显示找不到文件。
使用方法
首先我们在界面上放两个按钮,点击响应就是要更换成不同的图标。
在按钮的响应方法中,我们首先要判断当前系统支不支持换图标,不支持则直接返回。
如果系统支持,我们就用上面说到的变更图标的方法去变换,传入图片名,其实是作为 CFBundleAlternateIcons 中的键名去找对应的图片数组:
- (void)toBoy {
if (![[UIApplication sharedApplication] supportsAlternateIcons]) {// 系统不支持换图标
return;
}
[[UIApplication sharedApplication] setAlternateIconName:@"boy.jpg" completionHandler:^(NSError * _Nullable error) {
if (error) {
NSLog(@"更换app图标发生错误了 : %@",error);
}
}];
}
这样我们就实现了最简单的在App运行的时候更换App图标的方法,但是,当点击按钮变更图标的时候,系统会弹出一个提示框:
20170509143243781.gif这体验就不太顺滑了,总不能每次都去打断用户吧,下面着手解决这个问题。
去掉变更图标时的提示框
这个提示框是用 UIAlertController 来实现的,而所有的 UIAlertController 都是通过 presentViewController: animated: completion: 方法来弹出的,我们可以尝试拦截这个过程。但是 UIAlertController 毕竟是一个很常用的控件,我们不能因此影响到其他的使用。
通过观察和测试可以发现,这个弹出框是没有 title 和 message 的,我们自己做的弹出框一般至少会有 title,message 也经常会用,所以两者都没有就比较特殊了,可以根据这个情况来针对它做特殊处理,禁止弹出。
要拦截系统方法,我们使用runtime中的方法交换技术,实现一个自己的 presentViewController: animated: completion: 方法,在自己的方法中,判断要弹出的 UIAlertController 的 title 和 message 是否都为 nil,是的话就直接返回,也就不会弹出了;不是的话就正常弹出,这个我们通过调用系统的实现就可以了。注意我们交换方法时交换的仅仅是方法的实现IMP,所以交换之后,我们如果想要再调用原本系统的实现,需要调用的反而是我们自己的方法名SEL:
#import <objc/runtime.h>
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
// 利用runtime来替换展现弹出框的方法
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
Method presentM = class_getInstanceMethod(self.class, @selector(presentViewController:animated:completion:));
Method presentSwizzlingM = class_getInstanceMethod(self.class, @selector(ox_presentViewController:animated:completion:));
// 交换方法实现
method_exchangeImplementations(presentM, presentSwizzlingM);
});
}
// 自己的替换展示弹出框的方法
- (void)ox_presentViewController:(UIViewController *)viewControllerToPresent animated:(BOOL)flag completion:(void (^)(void))completion {
if ([viewControllerToPresent isKindOfClass:[UIAlertController class]]) {// 要弹出的是UIAlertController
// 输出到控制到可以发现两者都是null
NSLog(@"title : %@",((UIAlertController *)viewControllerToPresent).title);
NSLog(@"message : %@",((UIAlertController *)viewControllerToPresent).message);
// 换图标时的提示框的title和message都是nil,由此可特殊处理
UIAlertController *alertController = (UIAlertController *)viewControllerToPresent;
if (alertController.title == nil && alertController.message == nil) {// 是换图标的提示
return;
} else {// 其他提示还是正常处理
[self ox_presentViewController:viewControllerToPresent animated:flag completion:completion];
return;
}
}
// 其他的弹出还是正常处理
[self ox_presentViewController:viewControllerToPresent animated:flag completion:completion];
}
这样就可以实现开头的效果啦,没有提示框,纵享丝般顺滑:
20170509113129535 (1).gif结
这里只是一个小demo,实际要使用的话其实会很有意思,不过更适合那些想要利用图标当做窗口展示内容的App,或者是特殊时期在图标上加上活动标识,双十一啊之类的。
而到此我们做出的变化还仅仅都是利用本地的图片,在一开始就设置好 Info.plist,但如果想要在发布之后随时下载图片去替换图标,就要相对麻烦一些,不过也还好,只需要在下载图片后改变 Info.plist 的内容,增加此图片的键值对,就可以相应作出真正的动态变化了。
但是想想iPhone自带的时钟App,可以做到秒钟都随着时间变化,这又是如何做到的呢?这说明这种变化图标的方法早就有了,只是一直没开放,而且可能与现在开放出的方式还不太一样,有兴趣可以研究一下当前几个API背后的实现原理,然后想想时钟的效果又该怎么去做。
示例工程:https://github.com/Cloudox/OXChangeAppIconDemo