服务器之家

服务器之家 > 正文

iOS 10 Today Widget解析

时间:2021-01-30 17:29     来源/作者:三月米果

一、前言

    前面一篇ios开发之widget实现文章说到了如何在ios 8.0-9.3上实现widget,可是ios 10已经来袭,不了解一下ios 10,把widget适配上去,说不过去呀!所以,本篇文章就接着说下ios 10上面today widget的坑坑洼洼。

二、today widget新特性

    安装完ios 10的beta版本,发现苹果越发重视widget了:快速浏览,及时从喜爱的应用中了解信息,如图1所示。
    现在,从锁屏页面,下拉通知栏的第一页,还有左滑主页面都可以进入widget。通过右上角的“展开”、“折叠”按钮,可以查看widget的全部内容和部分内容。在6s上面,点击应用icon的3d touch界面中,也会有widget的折叠界面。

iOS 10 Today Widget解析

三、适配问题

1、在widget中,展开、折叠具体是怎么实现的呢?
    在nsextensioncontext中,新添了widgetlargestavailabledisplaymode属性,来确认当前widget是展开还是折叠状态。所以,先在viewwillappear中设置widget的mode为展开。
代码段1

?
1
2
3
4
- (void)viewwillappear:(bool)animated {
 [super viewwillappear:animated];
 self.extensioncontext.widgetlargestavailabledisplaymode = ncwidgetdisplaymodeexpanded;
}

    然后,就是展开和折叠的处理了。在ncwidgetproviding协议中,新添了这么个方法widgetactivedisplaymodedidchange,不赘述,直接用代码示例说明它的用途:
代码段2

?
1
2
3
4
5
6
7
8
9
// if implemented, called when the active display mode changes.
// the widget may wish to change its preferredcontentsize to better accommodate the new display mode.
- (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);
 }
}

    到这里,你可以在ios 10上面看到带有展开、折叠功能的widget了,具体ui上面的微调,这里暂且不表,聪明的你肯定早就知道解决方案了。但是,不要着急,容我再把自己遇到的坑给家接着叨叨。

2、启动app后,第一次显示的是折叠,而不是展开呢?
    这个问题,归咎于preferredcontentsize的设置,确认widget的mode之前,不要设置这个值。我的处理方式是:在widgetactivedisplaymodedidchange中设置展开或折叠状态下widget的高度,就如上面的代码段2一样(当然,我的项目里比这个处理要复杂的多,这里化繁为简只为示例),ios 10环境下在这里设置高度也就足够了。

3、为什么有时展开或折叠"失灵"了,没有对应的展开或折叠呢?
    这个问题的前提,肯定是你展开、折叠对应的widget高度不一样,只是看到了右上角按钮内容改变,但高度却没有变。
    这个问题的原因在于,点击展开、折叠按钮修改了widget的mode之后,却没有设置对应的高度:preferredcontentsize。怎么办呢?再回到代码段2,mode改变后,设置对应状态下的高度即可。

4、如何用xcode 7.3打出能够适配ios 10的widget呢?
    适配完ios 10,会发现代码中总不能用xcode 8.0 beta打包代码吧,可是用xcode 7.3打包代码也编译不过啊,widgetlargestavailabledisplaymode和ncwidgetdisplaymode都是ios 10的产物。
    用kvc试试看?对,就是kvc。闲言不表,直接看代码吧:
代码段3 相对于 代码段1

?
1
2
3
4
- (void)viewwillappear:(bool)animated {
 [super viewwillappear:animated];
 [self.extensioncontext setvalue:@"1" forkey:@"widgetlargestavailabledisplaymode"];
}

代码段4相对于代码段2

?
1
2
3
4
5
6
7
- (void)widgetactivedisplaymodedidchange:(nsinteger)activedisplaymode withmaximumsize:(cgsize)maxsize {
 if (activedisplaymode == 0) {
  self.preferredcontentsize = cgsizemake([uiscreen mainscreen].bounds.size.width, 110);
 } else {
  self.preferredcontentsize = cgsizemake([uiscreen mainscreen].bounds.size.width, 300);
 }
}

5、切记:ui的更新要在主线程操作哈!!!比如酱紫:

?
1
2
3
4
//通知主线程刷新
dispatch_async(dispatch_get_main_queue(), ^{
 //...........;
});

好了,我在适配widget过程的问题就这些了,希望可以帮助正在开发widget遇到同样问题的朋友。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:http://www.jianshu.com/p/9b3d06236d19

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
返回顶部