你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> iOS 10 Today Widget解析

iOS 10 Today Widget解析

編輯:IOS開發綜合

一、前言

    前面一篇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的折疊界面。

三、適配問題

1、在widget中,展開、折疊具體是怎麼實現的呢?
    在NSExtensionContext中,新添了widgetLargestAvailableDisplayMode屬性,來確認當前widget是展開還是折疊狀態。所以,先在viewWillAppear中設置widget的mode為展開。
代碼段1

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

    然後,就是展開和折疊的處理了。在NCWidgetProviding協議中,新添了這麼個方法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中設置展開或折疊狀態下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

- (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過程的問題就這些了,希望可以幫助正在開發widget遇到同樣問題的朋友。

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

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved