iOS開發(fā)之widget實現(xiàn)

前言

    iOS extension的出現(xiàn)，方便了用戶查看應(yīng)用的服務(wù)，比如用戶可以在Today的widgets中查看應(yīng)用的簡略信息，然后點擊進(jìn)入相關(guān)的應(yīng)用界面。
暫且不表網(wǎng)絡(luò)上現(xiàn)有的widget文章，本篇文章主要說明本人具體實現(xiàn)widget的步驟，希望能夠幫助到需要實現(xiàn)widget的同行朋友。

圖1 Today的widget展示----以支付寶為例說明

文章將依次從以下幾個問題著手，進(jìn)行詳細(xì)說明：
1、如何為現(xiàn)有的工程添加widget；
2、如何繪制UI；
3、如何調(diào)起app；
4、如何與host app共享數(shù)據(jù)。

添加Today Extension

圖2 添加today的target

   如圖，為現(xiàn)有的工程添加Today Extension，命名這里不贅述了，大家都懂的。

圖3 添加today之后的工程目錄

    這是添加Today Extension之后的工程目錄。
    到這里，為現(xiàn)有的工程添加Today Extension算是完成了，運(yùn)行程序就可以看到類似圖1的簡單的效果了，很簡單哈。

繪制UI

    與網(wǎng)上發(fā)表文章的童鞋們一樣，我也是個代碼控(裝B一下)，習(xí)慣用純代碼來繪制Today的UI。

圖4 刪除默認(rèn)創(chuàng)建的MainInterface并修改Info.plist

    這里，刪除默認(rèn)創(chuàng)建的MainInterface.storyboard，并按圖4所示修改Info.plist文件。(當(dāng)然，習(xí)慣使用storyboard的童鞋可以略過，直接操作storyboard即可)

圖5 設(shè)置widget展示視圖的大小

    首先，設(shè)置widget展示視圖的大小。關(guān)于widget的背景色，以及具體展示的內(nèi)容大家按需繪制，這里暫且不表。

圖6 設(shè)置widget視圖距離左側(cè)邊界距離為0

    運(yùn)行程序后，會發(fā)現(xiàn)一個問題：繪制的內(nèi)容與左側(cè)邊界有一定距離(約30px)。如何解決這個問題呢，如圖6所示，TodayViewController遵守的NCWidgetProviding協(xié)議給出了解決方案。

調(diào)起app

    因為extension和containing app是兩個完全獨(dú)立的進(jìn)程，所以它們之間不能直接通信(不能像應(yīng)用內(nèi)部點擊按鈕，跳轉(zhuǎn)到指定頁面)。為了實現(xiàn)widget調(diào)起app，這里通過openURL的方式來啟動containing app。

- (void)openURLContainingAPP{ //通過extensionContext借助host app調(diào)起app [self.extensionContext openURL:[NSURL URLWithString:@"appextension://xxx"] completionHandler:^(BOOL success) { NSLog(@"open url result:%d",success); }]; }

數(shù)據(jù)共享

圖7 添加App Groups

   通過App Groups提供的同一group內(nèi)app共同讀寫區(qū)域，可以用NSUserDefaults和NSFileManager兩種方式實現(xiàn)extension和containing app之間的數(shù)據(jù)共享。

1 通過NSUserDefaults共享數(shù)據(jù)

保存數(shù)據(jù)
- (void)saveDataByNSUserDefaults{ NSUserDefaults *shared = [[NSUserDefaults alloc] initWithSuiteName:@"group.c om.xxx"]; [shared setObject:@"asdfasdf" forKey:@"widget"]; [shared synchronize]; 
}
讀取數(shù)據(jù)
- (NSString *)readDataFromNSUserDefaults{ NSUserDefaults *shared = [[NSUserDefaults alloc] initWithSuiteName:@"group.c om.xxx"]; NSString *value = [shared valueForKey:@"widget"]; return value;
 }

2 通過NSFileManager共享數(shù)據(jù)

保存數(shù)據(jù)
- (BOOL)saveDataByNSFileManager{ NSError *err = nil; NSURL *containerURL = [[NSFileManager defaultManager] containerURLForSecuri tyApplicationGroupIdentifier:@"group.com.xxx"]; containerURL = [containerURL URLByAppendingPathComponent:@"Library/Caches/ widget"]; NSString *value = @"asdfasdfasf"; BOOL result = [value writeToURL:containerURL atomically:YES encoding:NSUTF8StringEncoding error:&err]; if (!result) { NSLog(@"%@",err); } else { NSLog(@"save value:%@ success.",value); } return result; 
}
讀取數(shù)據(jù)
- (NSString *)readDataByNSFileManager{ NSError *err = nil; NSURL *containerURL = [[NSFileManager defaultManager] containerURLForSecuri tyApplicationGroupIdentifier:@"group.com.xxx"]; containerURL = [containerURL URLByAppendingPathComponent:@"Library/Caches/ widget"]; NSString *value = [NSString stringWithContentsOfURL:containerURL encoding: NSUTF8StringEncoding error:&err]; return value; 
}

    到這里，在Today中添加應(yīng)用的widget就完成了，從Today中可以瀏覽預(yù)設(shè)的快捷服務(wù).

      感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論