概述
摘要:修改project1云挟,讓用戶可以分享到Facebook和Twitter。
概念:UIBarButtonItem转质,UIActivityViewController园欣,社交網(wǎng)絡(luò)框架,NSURL
1.關(guān)于技術(shù)項(xiàng)目
2.UIActivityViewController介紹
3.Twitter和Facebook:SLComposeViewController
4.總結(jié)
關(guān)于技術(shù)項(xiàng)目
如你所知休蟹,這個(gè)系列的文章順序是app沸枯,game,技術(shù)(techique)赂弓。Project1是看圖軟件绑榴,project2是猜國(guó)旗游戲,所以該輪到技術(shù)項(xiàng)目了拣展。
技術(shù)項(xiàng)目的目標(biāo)是選取iOS技術(shù)中的一項(xiàng)進(jìn)行深入彭沼。有些可能很簡(jiǎn)單,但有的會(huì)很復(fù)雜备埃,我保證會(huì)讓它們盡可能縮短因?yàn)槲抑滥阆氚迅嗟臅r(shí)間放在做實(shí)事上姓惑。
第一個(gè)技術(shù)項(xiàng)目真的很簡(jiǎn)單,因?yàn)槲覀円oproject1添加一個(gè)功能:分享按脚。
UIActivityViewController介紹
分享在iOS中是有一個(gè)標(biāo)準(zhǔn)的功能強(qiáng)大的組件可供其它app接入的于毙。所以當(dāng)你要給一個(gè)app增加分享功能時(shí),第一件事就是引入這個(gè)組件辅搬。它叫做UIActivityViewController:你要跟它解釋要被分享的數(shù)據(jù)是什么類型的唯沮,而它會(huì)告訴你最好的分享辦法是什么。
我們的數(shù)據(jù)類型是圖像堪遂,所以UIActivityViewController會(huì)自動(dòng)給我們通過(guò)iMessage介蛉,郵件還有Twitter和Facebook來(lái)分享的功能,同時(shí)還有本地保存溶褪,分配給某個(gè)聯(lián)系人币旧,通過(guò)AirPrint打印等等。它甚至還跟AirDrop和iOS8擴(kuò)展系統(tǒng)有掛鉤所以其他app也可以直接從我們這里讀取圖像猿妈。
最棒的是吹菱,幾行代碼就可以完成這個(gè)任務(wù)巍虫。在我們接觸UIActivityViewController之前,我們得先讓用戶可以觸發(fā)分享鳍刷,方法是添加一個(gè)按鈕組件占遥。
項(xiàng)目1中使用了UINavigationController來(lái)讓用戶在兩個(gè)屏幕中跳轉(zhuǎn)。UINavigationController的頂部默認(rèn)有個(gè)橫條输瓜,叫UINavigationBar瓦胎,我們作為開發(fā)者可以向其中添加可以調(diào)用我們的方法的按鈕。
現(xiàn)在來(lái)創(chuàng)建其中的一個(gè)按鈕前痘。首先復(fù)制一個(gè)項(xiàng)目1凛捏,重命名為項(xiàng)目3担忧。然后在Xcode中打開它芹缔,點(diǎn)開DetailViewController.swift,找到viewDidLoad()瓶盛。它幾乎是空白的——除了super.viewDidLoad()和configureView()最欠。在configureView()下面添加以下代碼:
navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .Action, target: self, action: "shareTapped")
代碼有兩部分:左邊的是視圖控制器的navigationItem的rightBarButtonItem,這是被導(dǎo)航欄使用的導(dǎo)航項(xiàng)所以可以使用相關(guān)信息惩猫。這里我們?cè)O(shè)置的是導(dǎo)航右側(cè)按鈕芝硬,也就是出現(xiàn)在導(dǎo)航條右邊的按鈕。
在賦值號(hào)的右邊轧房,我們創(chuàng)建了一個(gè)UIBarButtonItem類型的新實(shí)例拌阴,帶有三個(gè)參數(shù):系統(tǒng)項(xiàng),目標(biāo)奶镶,動(dòng)作迟赃。這里的系統(tǒng)項(xiàng)我們指定為.Action,代表UIBarButtonSystem.Action厂镇,是一個(gè)箭頭沖出方框的圖標(biāo)纤壁,暗示用戶點(diǎn)擊它可以做點(diǎn)什么。
target和action放在一起是為了告訴UIBarButtonItem什么方法應(yīng)該被調(diào)用捺信。參數(shù)action代表:“當(dāng)你被觸碰時(shí)酌媒,調(diào)用方法shareTapped()”,而target告訴按鈕這個(gè)方法屬于當(dāng)前的視圖控制器——self迄靠。
如果系統(tǒng)提供的按鈕你都不喜歡秒咨,你可以用自己的圖像創(chuàng)建一個(gè)自己的。然而掌挚,最好是用系統(tǒng)自帶的雨席,因?yàn)橛脩舳家呀?jīng)十分習(xí)慣了。
按鈕創(chuàng)建好了之后疫诽,就按創(chuàng)建shareTapped()方法了舅世。接下來(lái)要寫一堆復(fù)雜的代碼旦委,準(zhǔn)備好了嘛?好了咱們就開始雏亚!把下面的代碼放到方法viewWillDisappear()后面:
func shareTapped() {
? ? ? ? let vc = UIActivityViewController(activityItems: [detailImageView.image!], applicationActivities: [])
? ? ? ? presentViewController(vc, animated: true, completion: nil)
}
有了上面這兩行代碼缨硝,shareTapped()就可以通過(guò)AirDrop發(fā)送照片,發(fā)到Twitter上了罢低。你必須承認(rèn)查辩,iOS有時(shí)候真的很令人驚艷!
第二行是學(xué)過(guò)的內(nèi)容:我們已經(jīng)在project2中學(xué)過(guò)presentViewController()网持。但第一行是新的宜岛,因?yàn)樗肓艘粋€(gè)UIActivityViewController組件。它需要兩個(gè)參數(shù):你想要分享的一組內(nèi)容和一系列你想要在自己的app中能夠分享到的地方功舀。
第二個(gè)參數(shù)我們傳遞的是一個(gè)空數(shù)組萍倡,因?yàn)槲覀兊腶pp并沒有提供其他服務(wù)。但如果你想要給它增加類似于“其他相似的照片”這樣的功能辟汰,你可以在這個(gè)空數(shù)組的位置添加列敲。
所以重點(diǎn)是第一個(gè)參數(shù):我們傳入的[detailImageView.image!]。如果你想起來(lái)了帖汞,這幅圖像被放在一個(gè)叫detailImageView的UIImageView類型中戴而,而UIImageView有個(gè)可選屬性叫image,它可以存放UIImage翩蘸。但因?yàn)槭强蛇x的所意,所以也可能沒有。UIActivityViewController不想要不確定催首,它要的是實(shí)際存在扶踊。
好在我們給image view設(shè)置了一幅圖像,實(shí)際上這才是視圖控制器的重點(diǎn)翅帜。所以我們給detailImageView.image!加了個(gè)感嘆號(hào)解包了可選項(xiàng)姻檀。然后圖像就被放到一個(gè)數(shù)組中,并發(fā)送給了UIActivityViewController涝滴。
完成了绣版!
Twitter和Facebook:SLComposeViewController
OK,如果我不再花點(diǎn)時(shí)間告訴你其他實(shí)現(xiàn)分享的方法我會(huì)有點(diǎn)罪惡感歼疮,特別是系統(tǒng)內(nèi)建的對(duì)Facebook和Twitter分享的支持杂抽,它們還特簡(jiǎn)單。
iOS有個(gè)叫“社交”的架構(gòu)韩脏,就是為發(fā)布到社交網(wǎng)絡(luò)而設(shè)計(jì)的缩麸。這些都可以被用來(lái)讓用戶去分享圖像,而且用戶可以直接分享到他們的Twitter和Facebook而不會(huì)先問(wèn)他們想怎么分享赡矢。
使用社交架構(gòu)讓分享直截了當(dāng)杭朱,而且簡(jiǎn)單的方法具有自解釋性阅仔。接下來(lái)讓我們看看代碼:
let vc = SLComposeViewController(forServiceType: SLServiceTypeFacebook)
vc.setInitialText("Look at this great picture!")
vc.addImage(detailImageView.image!)
vc.addURL(NSURL(string: "http://www.photolib.noaa.gov/nssl"))
presentViewController(vc, animated: true, completion: nil)
除了設(shè)置成Facebook類型的SLComposeViewController組件之外,就只有NSURL是新的了弧械。這是個(gè)新類型八酒,一開始看上去感覺有點(diǎn)多余:它用來(lái)存儲(chǔ)和處理像www.baidu.com這樣的URL。
URL就是個(gè)文本字符串刃唐,所以有個(gè)專用的類會(huì)讓人覺得奇怪羞迷,不是只用string就可以了嘛。然而画饥,iOS的URL不只是用于網(wǎng)站衔瓮。比如你可以通過(guò)URL找到本地文件,也可以找到云端文件抖甘。即便只是網(wǎng)站的URL热鞍,還有“這是個(gè)HTTP還是HTTPS?”和“URL上有用戶名和密碼嗎单山?”這樣的問(wèn)題碍现。
下個(gè)項(xiàng)目我們還會(huì)用到NSURL幅疼,但這里的用法十分簡(jiǎn)單:我們把鏈接指向美國(guó)嚴(yán)重風(fēng)暴實(shí)驗(yàn)室以便于人們可以從那里獲得更多圖片米奸。NSURL(string:) 方法把字符串 “http:www.photolib.noaa.gov/nssl”轉(zhuǎn)換成NSURL實(shí)例,然后就可以被傳入到addURL()中了爽篷。
現(xiàn)在代碼完成了悴晰,但你發(fā)現(xiàn)它無(wú)法編譯。這是因?yàn)檫€沒有引入社交架構(gòu)逐工。你可以通過(guò)在頂部的import UIKit下面加上一行 import Social铡溪,這樣就可以編譯了。
最后泪喊,如果你想分享到Twitter而不是Fb棕硫,只要把forServiceType中的SLServiceTypeFacebook改成SLServiceTypeTwitter就可以了。
總結(jié)
第一個(gè)技術(shù)項(xiàng)目特意選了這個(gè)簡(jiǎn)單但可以讓app更好的技術(shù)袒啼。希望你不會(huì)感到無(wú)聊哈扮,而且還能把新的UIBarButtonItem,UIActivityViewController蚓再,社交架構(gòu)和NSURL學(xué)到手滑肉。
我想讓你看到在app中加入社交內(nèi)容有多簡(jiǎn)單,而且它可以讓你的app在有瘋傳的可能摘仅。我也希望這個(gè)項(xiàng)目能讓你知道改進(jìn)一下原先的項(xiàng)目其實(shí)只需要花很小的一點(diǎn)額外努力靶庙。