一、前言

    前面一篇iOS開發(fā)之widget實現(xiàn)文章說到了如何在iOS 8.0-9.3上實現(xiàn)widget，可是iOS 10已經來襲，不了解一下iOS 10，把widget適配上去，說不過去呀！所以，本篇文章就接著說下iOS 10上面Today Widget的坑坑洼洼。

二、Today Widget新特性

    安裝完iOS 10的beta版本，發(fā)現(xiàn)蘋果越發(fā)重視widget了：快速瀏覽，及時從喜愛的應用中了解信息，如圖1所示。
    現(xiàn)在，從鎖屏頁面，下拉通知欄的第一頁，還有左滑主頁面都可以進入widget。通過右上角的“展開”、“折疊”按鈕，可以查看widget的全部內容和部分內容。在6s上面，點擊應用icon的3D Touch界面中，也會有widget的折疊界面。

三、適配問題

1、在widget中，展開、折疊具體是怎么實現(xiàn)的呢？
    在NSExtensionContext中，新添了widgetLargestAvailableDisplayMode屬性，來確認當前widget是展開還是折疊狀態(tài)。所以，先在viewWillAppear中設置widget的mode為展開。
代碼段1

- (void)viewWillAppear:(BOOL)animated {
 [super viewWillAppear:animated];
 self.extensionContext.widgetLargestAvailableDisplayMode = NCWidgetDisplayModeExpanded;
}

    然后，就是展開和折疊的處理了。在NCWidgetProviding協(xié)議中，新添了這么個方法widgetActiveDisplayModeDidChange，不贅述，直接用代碼示例說明它的用途：
代碼段2

// 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中設置展開或折疊狀態(tài)下widget的高度，就如上面的代碼段2一樣(當然，我的項目里比這個處理要復雜的多，這里化繁為簡只為示例)，iOS 10環(huán)境下在這里設置高度也就足夠了。

3、為什么有時展開或折疊"失靈"了，沒有對應的展開或折疊呢？
    這個問題的前提，肯定是你展開、折疊對應的widget高度不一樣，只是看到了右上角按鈕內容改變，但高度卻沒有變。
    這個問題的原因在于，點擊展開、折疊按鈕修改了widget的mode之后，卻沒有設置對應的高度：preferredContentSize。怎么辦呢？再回到代碼段2，mode改變后，設置對應狀態(tài)下的高度即可。

4、如何用XCode 7.3打出能夠適配iOS 10的widget呢？
    適配完iOS 10，會發(fā)現(xiàn)代碼中總不能用XCode 8.0 beta打包代碼吧，可是用XCode 7.3打包代碼也編譯不過啊，widgetLargestAvailableDisplayMode和NCWidgetDisplayMode都是iOS 10的產物。
    用kvc試試看？對，就是kvc。閑言不表，直接看代碼吧：
代碼段3 相對于 代碼段1

- (void)viewWillAppear:(BOOL)animated {
 [super viewWillAppear:animated];
 [self.extensionContext setValue:@"1" forKey:@"widgetLargestAvailableDisplayMode"];
}

代碼段4相對于代碼段2

- (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的更新要在主線程操作哈?。?！比如醬紫：

//通知主線程刷新
dispatch_async(dispatch_get_main_queue(), ^{
 //...........;
});

好了，我在適配widget過程的問題就這些了，希望可以幫助正在開發(fā)widget遇到同樣問題的朋友。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

最新評論