Facebook-ComponentKit教程(一)準(zhǔn)備工作

"ComponentKit "是一個(gè)非常強(qiáng)大的描述性UI框架饲化,由于國內(nèi)教程不多在這里簡(jiǎn)單做個(gè)教程豪直,拋磚引玉雇逞,希望未來能有更好更全面的教程荤懂。

開始之前,因?yàn)镃omponentKit不提供cocoaPod的方式引入工程塘砸,而是使用Carthage(迦太基)节仿。這里是Carthage的教程。我們新建工程用Carthage將ComponentKit導(dǎo)入我們的Demo工程

*不要忘記將我們的ComponentKit.framework添加到Linked Frameworks and libraries 同時(shí) Embadded Binaries谣蠢。不然 要么找不到CompoentKit 要么程序閃退*

導(dǎo)入framework
目錄


如果你的目錄和我上面截圖一樣的話點(diǎn)擊運(yùn)行程序一個(gè)空白的應(yīng)用就跑了起來粟耻,但是不出意外的話當(dāng)你添加第一行代碼

#import <ComponentKit/ComponentKit.h>

之后無論真機(jī)還是模擬器查近,再次運(yùn)行時(shí)你的應(yīng)用程序就會(huì)報(bào)錯(cuò)


報(bào)錯(cuò)

原因很簡(jiǎn)單(其實(shí)我找了一下午)眉踱,就是ComponentKit使用ObjC++編寫,而我們的Xcode編譯時(shí)不會(huì)查找內(nèi)部引用的C++庫霜威。要想找到那個(gè)<algorithm>的庫就要把你剛剛import代碼的那個(gè).m文件改成 *.mm


修改文件后綴

這時(shí)你的應(yīng)用又能跑起來了谈喳,撒花。此時(shí)的環(huán)境配置已經(jīng)完成戈泼,如果你動(dòng)手能力強(qiáng)的話可以自己嘗試寫一些簡(jiǎn)單代碼了婿禽,等我有時(shí)間會(huì)繼續(xù)分享使用ComponentKit編寫UI赏僧。


P.S. 附贈(zèng)教程(源碼調(diào)試,Xcode高手可以忽略):

因?yàn)閷?dǎo)入的是framework扭倾,這對(duì)我們調(diào)試帶來了極大的不便(我想斷點(diǎn)淀零,我想看源碼!)膛壹。這時(shí)候Carthage的一個(gè)優(yōu)點(diǎn)就出來了驾中,打開工程目錄:

源碼路徑

看到?jīng)]?直接把ComponentKit 和ComponentTextKit 源碼拖到工程里(不要忘記移除之前導(dǎo)入的framework),這時(shí)可以源碼調(diào)試了模聋。

但但但是(太坑爹了肩民,坑好多)!所有的源碼包含頭文件的時(shí)候都是

#import <ComponentKit/*.h>

就是這個(gè)這個(gè)<ComponentKit/> 链方,它代表的含義是查找“工程目錄/ComponentKit/”路徑下的*.h文件雖然通過Xcode 的Build Settings -> Header Search?Paths可以解決持痰。但這里有個(gè)小技巧,使用Xcode的查找功能

使用正則表達(dá)式 查找

這段這則表達(dá)式的含義是捕獲 以“<ComponentKit/ ”開頭以 “>”為結(jié)尾的字符串祟蚀,替換成 "“捕獲的字符串” " 這樣Xcode就能找到當(dāng)前工程下的所有頭文件了工窍。

對(duì)于正則表達(dá)式想進(jìn)一步了解的朋友可以參閱這里

以上前酿,感謝移剪。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市薪者,隨后出現(xiàn)的幾起案子纵苛,更是在濱河造成了極大的恐慌,老刑警劉巖言津,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件攻人,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡悬槽,警方通過查閱死者的電腦和手機(jī)怀吻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來初婆,“玉大人蓬坡,你說我怎么就攤上這事“跖眩” “怎么了屑咳?”我有些...
    開封第一講書人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長弊琴。 經(jīng)常有香客問我兆龙,道長,這世上最難降的妖魔是什么敲董? 我笑而不...
    開封第一講書人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任紫皇,我火速辦了婚禮慰安,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘聪铺。我一直安慰自己化焕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開白布铃剔。 她就那樣靜靜地躺著锣杂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪番宁。 梳的紋絲不亂的頭發(fā)上元莫,一...
    開封第一講書人閱讀 52,262評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音蝶押,去河邊找鬼踱蠢。 笑死,一個(gè)胖子當(dāng)著我的面吹牛棋电,可吹牛的內(nèi)容都是我干的茎截。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼赶盔,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼企锌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起于未,我...
    開封第一講書人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤撕攒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后烘浦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抖坪,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年闷叉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了擦俐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡握侧,死狀恐怖蚯瞧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情品擎,我是刑警寧澤埋合,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站孽查,受9級(jí)特大地震影響饥悴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜盲再,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一西设、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧答朋,春花似錦贷揽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至洪规,卻和暖如春印屁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背斩例。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來泰國打工雄人, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人念赶。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓础钠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親叉谜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子旗吁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

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