前言
也可以关注我的个人博客
iOS extension的出现是为了能够让用户更加方便的查看自己感兴趣的东西，可以看出现在iOS10 对extension也更加的看重，界面更加丰富，交互也相比之前有不少的改进。从iOS10的通知和3D_Touch就可以看出，所以这里我自己的学习做一个分享，可能有不足之处欢迎大家批评指正。
支付宝widget
实现步骤
1.新建工程添加widget
新建项目之后 选择Xcode的File ---> New ---> Target ---> 选择Today Extension
添加widget
创建好之后就会多出一个文件夹：
最上面的文件刚创建是没有的，后面会说到。
- 修改info.plist使用storyboard搭建页面还是代码创建 UI
网上查的一些资料用的是oc，而我用的是swift，所以碰到一些小问题，先列出问题：删除MainInterface.storyboard之后，在info.plist中删除NSExtensionMainStoryboard及参数，然后添加NSExtensionPrincipalClass，value为主控制器，也就是上面的TodayViewController之后，满怀欣喜运行程序，crash！如下：
**WidgetDemo**[**79176:1613546**]***** Terminating app due to uncaught exception 'NSInvalidArgumentException'**,**reason: '*** setObjectForKey: object cannot be nil**(**key: 3051B28E-5DC9-4A25-8FAC-9B6F18C93B6B**)**'**
***** First throw call stack:**
(
**0CoreFoundation0x0000000105e39d4b __exceptionPreprocess + 171**
**1libobjc.A.dylib0x000000010299c21e objc_exception_throw + 48**
**2CoreFoundation0x0000000105d4fd87 -**[**__NSDictionaryM setObject:forKey:**]**+ 1047**
**3Foundation0x00000001026a7014 -**[**_NSExtensionContextVendor _setPrincipalObject:forUUID:**]**+ 106**
**4Foundation0x00000001026a65a0 __105-**[**_NSExtensionContextVendor _beginRequestWithExtensionItems:listenerEndpoint:withContextUUID:completion:**]**_block_invoke + 883**
**5libdispatch.dylib0x0000000109692808 _dispatch_call_block_and_release + 12**
**6libdispatch.dylib0x00000001096b412e _dispatch_client_callout + 8**
**7libdispatch.dylib0x00000001096994cf _dispatch_queue_serial_drain + 1018**
**8libdispatch.dylib0x0000000109699c9f _dispatch_queue_invoke + 1118**
**9libdispatch.dylib0x000000010969a047 _dispatch_queue_override_invoke + 376**
**10libdispatch.dylib0x000000010969b9dc _dispatch_root_queue_drain + 506**
**11libdispatch.dylib0x000000010969b782 _dispatch_worker_thread3 + 113**
**12libsystem_pthread.dylib0x0000000109a60712 _pthread_wqthread + 1299**
**13libsystem_pthread.dylib0x0000000109a601ed start_wqthread + 13**
)
**libc++abi.dylib: terminating with uncaught exception of type NSException**
造成这个crash的问题其实就是NSExtensionPrincipalClass这个key找不到value，为什么呢？这里就涉及到swift的moudle问题，比如之前oc打印一个类就是xxxx，swift打印都是projectname.xxxx。
好了问题找到了，那么修改value为yourproject.TodayViewController,这样问题就解决了，但是这里我们用$(PRODUCT_NAME).TodayViewController更好的表示。
如果没有指定是storyboard或者自定义代码会出现如下情况：
这个只要设置正确就可以了。好了，问题解决，接下来就进入正题。
3.简单搭建widget界面
先上简单的效果图：
我这里是storyboard搭建的，自己写代码搭建都可以，喜欢就好。widget是可以展开显示更多的。
效果图
talk is simple，show me the code！
在你的主控制器里添加代码：
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
extensionContext?.widgetLargestAvailableDisplayMode = .expanded
}
点击展开折叠的方法中进行自定义的操作，代码如下：
func widgetActiveDisplayModeDidChange(_ activeDisplayMode: NCWidgetDisplayMode, withMaximumSize maxSize: CGSize) {
switch activeDisplayMode {
case .compact:
preferredContentSize = CGSize(width:UIScreen.main.bounds.size.width,height: 100)
case .expanded:
preferredContentSize = CGSize(width: UIScreen.main.bounds.size.width, height: 300)
}
}
看一下展开的效果，其实就是高度问题...，但是可以显示更多的内容
展开效果
这里仅仅是一个简单的搭建，具体项目还是需要写不少的内容的，就是一个简易app的开发过程，比如网络请求，数据更新保存都需要考虑的。
4.打开主app
配置主app的scheme
配置scheme
代码如下：
if let url = URL(string: “com.widget://”){
extensionContext?.open(url, completionHandler: nil)
}
这里就是被其他app打开的流程是一样的
func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool {
NotificationCenter.default.post(name: NSNotification.Name(rawValue: “openUrl”), object: nil, userInfo: [“url”: url])
return true
}
在主界面显示scheme
打开主App
5.与主app数据交互
配置APP Groups:
因为iOS的App都基于沙盒的形式存储,拓展应用和主应用彼此又相对独立,所以如果想让彼此数据共享,那就需要配置App Groups.
第一步要先在你的开发者账户中注册一个App Groups,如图所示
添加APP Groups
然后需要在你的主应用和拓展应用填写App Groups（和注册的一致），如图：
打开APP Groups
打开之后就会多出一个文件，详情参见步骤1。接下来就是代码，在widget控制器中
let userDefaults = UserDefaults(suiteName: “groupID”)
userDefaults?.setValue(“hello world”, forKey: “key”)
userDefaults?.synchronize()
在主控制器里直接区值就可以，这里代码就不贴了。
以上就是自己的简单分享，希望大家批评指正。
网友评论