iOS 自動(dòng)布局(Autolayout)

1. 自動(dòng)布局

關(guān)于自動(dòng)布局主要有兩種方式

1.1 Autoresizing

這種方式基本上在iphone6淘讥,iphone6 plus沒(méi)出來(lái)前就夠用了,因?yàn)槠聊粚挾榷际枪潭ǖ慕缒担团紶枎讉€(gè)地方需要用到知道布局,使用Autoresizing Mask基本上能滿足大部分需求。IOS自動(dòng)布局之Autoresizing

1.2 Autolayout

iphone6股囊,iphone6 plus出來(lái)后很多人就開(kāi)始關(guān)注Autolayout了,再不用就沒(méi)辦法適配了更啄!
在xib上使用Autolayout是十分方便的稚疹,直接在界面上拖拖拉拉就可以完成自動(dòng)布局了,蘋(píng)果也鼓勵(lì)使用xib進(jìn)行開(kāi)發(fā)祭务。但大部分開(kāi)發(fā)者還是習(xí)慣使用純代碼進(jìn)行UI編寫(xiě)的内狗。

純代碼編寫(xiě)的好處:看起來(lái)牛逼啊,運(yùn)營(yíng)啊美工啊他們根本看不懂啊义锥,這樣價(jià)值就體現(xiàn)了啊柳沙。不然使用xib的話我們不就成了美工了嗎,直接拖拽拌倍,感覺(jué)都沒(méi)技術(shù)含量(我自己在瞎逼逼赂鲤,哈哈)。好處其實(shí)是執(zhí)行效率高柱恤,代碼容易復(fù)用数初,在多人協(xié)作項(xiàng)目管理更方便。

我個(gè)人就是純代碼編寫(xiě)的,所有就找了用代碼來(lái)使用Autolayout的例子

  • Visual format language
    這是官方的純代碼方式使用Autolayout梗顺,但是看起來(lái)就很難用啊,看下面這段代碼妙真,我第一眼看到就不想用了。如果誰(shuí)想了解一下的話推薦一篇Autolayout及VFL經(jīng)驗(yàn)分享

NSDictionary *dict1 = NSDictionaryOfVariableBindings(_boxV,_headerL,_imageV,_backBtn,_doneBtn);
NSDictionary *metrics = @{@"hPadding":@5,@"vPadding":@5,@"imageEdge":@150.0};
NSString *vfl = @"|-hPadding-[_boxV]-hPadding-|";
NSString *vfl0 = @"V:|-25-[_boxV]";
NSString *vfl3 = @"V:|-vPadding-[_headerL]-vPadding-[_imageV(imageEdge)]-vPadding-[_backBtn]-vPadding-|";

  • Masonry
    這是一個(gè)第三方的非常好用的開(kāi)源框架荚守,Masonry讓用代碼寫(xiě)Autolayout成為可能珍德,而且非常強(qiáng)大练般,清晰好用,具體例子可以到github上下載demo看看Masonry煌往。 博客介紹masonry
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末榕吼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子仍源,更是在濱河造成了極大的恐慌泵琳,老刑警劉巖摄职,帶你破解...
    沈念sama閱讀 211,496評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異获列,居然都是意外死亡谷市,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)击孩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)迫悠,“玉大人,你說(shuō)我怎么就攤上這事巩梢〈葱梗” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,091評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵括蝠,是天一觀的道長(zhǎng)鞠抑。 經(jīng)常有香客問(wèn)我,道長(zhǎng)忌警,這世上最難降的妖魔是什么搁拙? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,458評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮法绵,結(jié)果婚禮上箕速,老公的妹妹穿的比我還像新娘。我一直安慰自己礼烈,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,542評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布婆跑。 她就那樣靜靜地躺著此熬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪滑进。 梳的紋絲不亂的頭發(fā)上犀忱,一...
    開(kāi)封第一講書(shū)人閱讀 49,802評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音扶关,去河邊找鬼阴汇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛节槐,可吹牛的內(nèi)容都是我干的搀庶。 我是一名探鬼主播拐纱,決...
    沈念sama閱讀 38,945評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼哥倔!你這毒婦竟也來(lái)了秸架?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,709評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤咆蒿,失蹤者是張志新(化名)和其女友劉穎东抹,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體沃测,經(jīng)...
    沈念sama閱讀 44,158評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缭黔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,502評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蒂破。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片馏谨。...
    茶點(diǎn)故事閱讀 38,637評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖寞蚌,靈堂內(nèi)的尸體忽然破棺而出田巴,到底是詐尸還是另有隱情,我是刑警寧澤挟秤,帶...
    沈念sama閱讀 34,300評(píng)論 4 329
  • 正文 年R本政府宣布壹哺,位于F島的核電站,受9級(jí)特大地震影響艘刚,放射性物質(zhì)發(fā)生泄漏管宵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,911評(píng)論 3 313
  • 文/蒙蒙 一攀甚、第九天 我趴在偏房一處隱蔽的房頂上張望箩朴。 院中可真熱鬧,春花似錦秋度、人聲如沸炸庞。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,744評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)埠居。三九已至,卻和暖如春事期,著一層夾襖步出監(jiān)牢的瞬間滥壕,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,982評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工兽泣, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留绎橘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,344評(píng)論 2 360
  • 正文 我出身青樓唠倦,卻偏偏與公主長(zhǎng)得像称鳞,于是被迫代替她去往敵國(guó)和親涮较。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,500評(píng)論 2 348

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