前言
对于一款应用来说，想要获得更多关注，想要更频繁的出现在用户的视野中，推送、widget都是必不可少的，推送在实际开发中，是很常见的，那我们就来玩一玩不常见的widget吧！
创建一个TodayExtension
新创建一个项目，创建完成后，再在项目中新加入一个target。target选Today Extension。
新建target
选择todayExtension
当然TodayExtension作为一个单独的target，也是需要证书的，为了demo方便，我们就直接自动管理了。
需要证书
创建成功后，你会发现，新的target里面多了一个controller，这个controller就是我们所能看到的widget，而且他继承自UIViewController，所以我们可以正常的像开发其他功能一样来做widegt，不过widget是有内存限制的，请尽量做些简单的功能。
观察iOS10的widget你会发现，他有两种状态，分别是折叠、展开。
展开折叠
我们在TodayViewController加入折叠的支持。首先在viewWillAppear中加入折叠的代码。当然折叠特性是iOS10新加入的，需要做下版本区分，防止非iOS10设备崩溃。
- (void)viewWillAppear:(BOOL)animated {
// 设置widget的状态为展开
self.extensionContext.widgetLargestAvailableDisplayMode = NCWidgetDisplayModeExpanded;
}
然后有个协议方法需要实现，协议为：
协议
方法为：
- (void)widgetActiveDisplayModeDidChange:(NCWidgetDisplayMode)activeDisplayMode withMaximumSize:(CGSize)maxSize {
if (activeDisplayMode == NCWidgetDisplayModeCompact) {
self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 110);
} else {
self.preferredContentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width, 300);
}
}
该方法，指定折叠和展开两个状态下的widget大小。现在再运行，你就可以正常添加我们制作的widget到通知中心了。
调起主程序
通过上面的步骤，你就可以正常的创建任何你想做的widget插件了。但我们最关心的不是widget该怎么做，因为它作为一个UIViewController，以我们的开发经验想创造出各种页面，都是没问题的。
我们最关心的是，如何通过widget，将用户引导到我们的APP中，也就是应用跳转。以支付宝为例，对支付宝进行3D Touch操作，你会发现，它的快捷widget有四个可跳转到APP内部各个功能的按钮。
支付宝的widget
那么这是怎么实现的呢？实际上iOS8开始引入的Extension，相对于母体APP，都是独立的，Extension管理自己的数据，母体APP管理自己的数据。那如何调起母体APP呢？其实很简单，正如我们自己的APP调起其他APP一样，比如微信、支付宝、微博等，那就是利用URL Scheme。
我们先为我们的母体APP加入一个URL Scheme。
为母体APP添加URL Scheme
widget中想调起母体APP，直接使用下面的OpenUrl就搞定了。
- (void)openApp {
NSURL *url = [NSURL URLWithString:@"todayDemo://"];
[self.extensionContext openURL:url completionHandler:nil];
}
这里有一个需要注意的点就是，widget作为一个Extension，是不存在Application的概念的，所以不能用传统的[UIApplication sharedApplication]的方式来进行openUrl操作。使用self.extensionContext，即可获取当前Extension上下文，也就是我们的widget。
母体APP需要在AppDelegate中的openUrl方法中拦截到widget的openUrl。我们看看获取到的url（下面的方法在iOS10舍弃了，但还是可以用的）：
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication annotation:(id)annotation {
UIAlertView *av = [[UIAlertView alloc] initWithTitle:[url absoluteString] message:nil delegate:nil cancelButtonTitle:nil otherButtonTitles:nil, nil];
[av show];
return YES;
}
运行项目，点击widget后调起母体APP的效果为：
接收到的url
跟我们openUrl时填写的url一模一样。这样我们就可以在这个url后面拼接上各种参数，告诉母体APP跳转到哪个页面了。大致样式是这样的：
todayDemo://?params=gotoSomeView
跟一般的get请求的网址类似，可以拼接各种参数进去，在母体APP获取到url时，直接[url query]就能获取到"?"后面的所有参数。
与母体APP组成APP Group
我们的主要目的还是想widget和母体APP共享数据，在很多笔记APP中，widget和母体APP是共享笔记的，那我们就要用到APP Group了。我们先在母体APP中创建一个APP Group：
创建Group
创建完成后，再来到我们的Extension的target下。你会发现APP Group下多了之前我们在母体添加的Group，将它勾选上，则我们的Extension就和母体APP组成了APP Group。
Paste_Image.png
这个时候，两个程序，就可以共享一些数据了。我们以NSUserDefault为例，在母体中保存一个字段，然后在Extension中读取这个字段，识别到后，将widget的颜色变成红色。
首先在母体APP的ViewController中获取APP Group的UserDefault，并存储一个字段。
- (void)viewDidLoad {
[super viewDidLoad];
// 创建一个UserDefault
NSUserDefaults *userDefaults = [[NSUserDefaults alloc] initWithSuiteName:@"group.MyTodayGroup"];
// 存储一个颜色
[userDefaults setObject:@"redColor" forKey:@"color"];
// 同步
[userDefaults synchronize];
}
这里需要注意的是，我们平时项目中用的都是[NSUserDefaults standardUserDefaults]，但这个UserDefault实际上是无法跟Extension互通的，我们需要找到APP Group所对应的UserDefault，注意initWithSuiteName后面接的名字，一定是我们之前创建的APP Group的名字。
然后我们来到widget中的controller，还记得之前我们遵守的协议吗，里面还有一个方法，就是更新widget的一个方法。方法中completionHandler之前的代码，就是我们正常的逻辑操作，匹配到字段后，将背景色替换为红色，然后completionHandler(NCUpdateResultNewData)这句，则是告诉widget我们处理完了，做了NCUpdateResultNewData的处理，更新了数据。这是个枚举值，具体含义可以点进去看下系统的注释。
- (void)widgetPerformUpdateWithCompletionHandler:(void (^)(NCUpdateResult))completionHandler {
// Perform any setup necessary in order to update the view.
// If an error is encountered, use NCUpdateResultFailed
// If there's no update required, use NCUpdateResultNoData
// If there's an update, use NCUpdateResultNewData
// 拿到主程序的NSUserDefault
NSUserDefaults *userDefaults = [[NSUserDefaults alloc] initWithSuiteName:@"group.MyTodayGroup"];
NSString *color = [userDefaults objectForKey:@"color"];
if ([color isEqualToString:@"redColor"]) {
self.view.backgroundColor = [UIColor redColor];
}
completionHandler(NCUpdateResultNewData);
}
先运行母体APP，再运行widget，看下效果：
效果
总结
以上的包括widget的UI、调起母体APP、与母体APP数据互通这些特性组合在一起，便可满足我们正常的开发需求了。所以还等什么呢，快为你的APP加入widget特性吧！
网友评论