Project3:用UIActivityViewController做社交媒體

概述

摘要:修改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)額外努力靶庙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市娃属,隨后出現(xiàn)的幾起案子六荒,更是在濱河造成了極大的恐慌护姆,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掏击,死亡現(xiàn)場(chǎng)離奇詭異签则,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)铐料,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門渐裂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人钠惩,你說(shuō)我怎么就攤上這事柒凉。” “怎么了篓跛?”我有些...
    開封第一講書人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵膝捞,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我愧沟,道長(zhǎng)蔬咬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任沐寺,我火速辦了婚禮林艘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘混坞。我一直安慰自己狐援,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開白布究孕。 她就那樣靜靜地躺著啥酱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪厨诸。 梳的紋絲不亂的頭發(fā)上镶殷,一...
    開封第一講書人閱讀 52,156評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音微酬,去河邊找鬼绘趋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛得封,可吹牛的內(nèi)容都是我干的埋心。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼忙上,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼拷呆!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤茬斧,失蹤者是張志新(化名)和其女友劉穎腰懂,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體项秉,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡绣溜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了娄蔼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怖喻。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖岁诉,靈堂內(nèi)的尸體忽然破棺而出锚沸,到底是詐尸還是另有隱情,我是刑警寧澤涕癣,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布哗蜈,位于F島的核電站,受9級(jí)特大地震影響坠韩,放射性物質(zhì)發(fā)生泄漏距潘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一只搁、第九天 我趴在偏房一處隱蔽的房頂上張望音比。 院中可真熱鬧,春花似錦须蜗、人聲如沸硅确。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至缭付,卻和暖如春柿估,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背陷猫。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工秫舌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人绣檬。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓足陨,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親娇未。 傳聞我的和親對(duì)象是個(gè)殘疾皇子墨缘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

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