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

前言

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


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

文章將依次從以下幾個(gè)問題著手,進(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的簡(jiǎn)單的效果了,很簡(jiǎn)單哈。

繪制UI

與網(wǎng)上發(fā)表文章的童鞋們一樣,我也是個(gè)代碼控(裝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)行程序后,會(huì)發(fā)現(xiàn)一個(gè)問題:繪制的內(nèi)容與左側(cè)邊界有一定距離(約30px)。如何解決這個(gè)問題呢,如圖6所示,TodayViewController遵守的NCWidgetProviding協(xié)議給出了解決方案。

調(diào)起app

因?yàn)閑xtension和containing app是兩個(gè)完全獨(dú)立的進(jìn)程,所以它們之間不能直接通信(不能像應(yīng)用內(nèi)部點(diǎn)擊按鈕,跳轉(zhuǎn)到指定頁(yè)面)。為了實(shí)現(xiàn)widget調(diào)起app,這里通過openURL的方式來啟動(dòng)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兩種方式實(shí)現(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ù),在文章iOS 10 Today Widget中接著說iOS 10的適配問題。

-- ending

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評(píng)論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,530評(píng)論 3 416
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,407評(píng)論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,981評(píng)論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,759評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,204評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,415評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,955評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,782評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,983評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,222評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,650評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,892評(píng)論 1 286
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,675評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,967評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容

  • ios8 專題:http://www.cocoachina.com/special/ios8/應(yīng)用擴(kuò)展:http:...
    ClarkWang_001閱讀 2,132評(píng)論 0 1
  • 在說widget開發(fā)前,先來了解下APP Extensions和App Groups: 一、關(guān)于App Exten...
    P大迷妹閱讀 4,385評(píng)論 1 10
  • Dmo鏈接 一、什么是today widget 蘋果官方關(guān)于 today widget 的介紹(點(diǎn)擊鏈接查看詳情)...
    StarHuiDream閱讀 5,133評(píng)論 3 5
  • ios8發(fā)布已經(jīng)有一段時(shí)間了,伴隨著ios8同時(shí)也出現(xiàn)了許多新的特性,ios系統(tǒng)將會(huì)越來越開放,這是好事。其中一個(gè)...
    Gatling閱讀 470評(píng)論 0 2
  • 自iOS8之后,蘋果支持了擴(kuò)展(Extension)的開發(fā),開發(fā)者可以通過系統(tǒng)提供給我們的擴(kuò)展接入點(diǎn) (Exten...
    Japho閱讀 10,775評(píng)論 6 35