关于iOS Widget 插件学习分享

前言

也可以关注我的个人博客

  iOS extension的出现是为了能够让用户更加方便的查看自己感兴趣的东西,可以看出现在iOS10 对extension也更加的看重,界面更加丰富,交互也相比之前有不少的改进。从iOS10的通知和3D_Touch就可以看出,所以这里我自己的学习做一个分享,可能有不足之处欢迎大家批评指正。


支付宝widget

实现步骤
1.新建工程添加widget
新建项目之后 选择Xcode的File ---> New ---> Target ---> 选择Today Extension


添加widget

创建好之后就会多出一个文件夹:


最上面的文件刚创建是没有的,后面会说到。

  1. 修改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()

在主控制器里直接区值就可以,这里代码就不贴了。
以上就是自己的简单分享,希望大家批评指正。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容