Autolayout小技巧

iOS開發(fā)UI一直是一個(gè)問題氢妈,當(dāng)年用代碼畫UI一度成為流行趨勢(shì)粹污,相信代碼能萬能解決問題,而且十分簡(jiǎn)單首量。

然而壮吩,現(xiàn)在由于iOS設(shè)備的不斷迭代,市場(chǎng)上常見的iPhone設(shè)備就會(huì)有:

  • iPhone4/4S 960*640 (480*320 @2x)
  • iPhone5/5S 1136*640 (568*320 @2x)
  • iPhone6 1334*750(667*375 @2x)
  • iPhone6 Plus 1920*1080(736*414 @3x)->(2208*1242)

加上iPad以后蕾总,還會(huì)有一個(gè)1024*768(@1x) 和 2048*1536(@2x)
原來想要做一個(gè)自適應(yīng)的粥航,同時(shí)支持iPhone和iPad的應(yīng)用,就算用代碼來畫UI生百,也是十分簡(jiǎn)單的递雀。而現(xiàn)在,在這總共3類蚀浆,5種缀程,7狀態(tài)的iOS設(shè)備面前,就會(huì)有點(diǎn)力不從心了市俊,更別說以后想要做WatchOS的開發(fā)就會(huì)遇到很多問題杨凑,而Autolayout的解決方法的提出大大簡(jiǎn)化了這一過程

Autolayout,就是通過一系列的約束條件來控制一個(gè)UIView在視圖中的位置摆昧,同時(shí)還要配合Size Classes(兼容iOS8之后的設(shè)備)

1撩满、對(duì)于一個(gè)TableView,我們只需要設(shè)置它的Leading、Trailing伺帘、Top昭躺、Bottom臨接到根View即可讓它永遠(yuǎn)全屏顯示,無論設(shè)備像素伪嫁。而且领炫,重要的一點(diǎn),就是在Attribute Inspector中张咳,要把這些距離設(shè)置為Standard(或者是0)帝洪,這樣才能在不同設(shè)備中獲得推薦的顯示效果(如果不是Standard或者0的話,就要小心了脚猾,這些就是所謂的魔法數(shù)字葱峡,很可能不同尺寸設(shè)備上顯示效果會(huì)有所差別)

2、對(duì)于有事想要使兩個(gè)View沿著一條中線水平對(duì)齊在兩側(cè)龙助,這個(gè)時(shí)候就需要一點(diǎn)點(diǎn)小技巧族沃,比如說,你可以拿一個(gè)空的View放在中線上泌参,設(shè)置Hidden,寬度為0常空,然后兩邊兩個(gè)View跟這個(gè)空View對(duì)齊即可沽一。同樣的方法也很適合于想要調(diào)整兩個(gè)View的比例,可以選中對(duì)應(yīng)的約束條件漓糙,在multiplier中設(shè)置比例铣缠。

3、有時(shí)候?qū)嵲诮鉀Q不了昆禽,就需要我們使用Size Classes來根據(jù)不同Size來設(shè)置了蝗蛙。默認(rèn)的Size Classes是Any Any,對(duì)于iPhone來說醉鳖,除了iPhone 6 Plus的橫屏模式捡硅,其他情況下都是長寬緊湊的,所以很好設(shè)置盗棵,對(duì)iPhone 6 Plus如果想優(yōu)化的話壮韭,就選擇長正常寬緊湊的模式,然后單獨(dú)設(shè)置纹因。iPad由于都是長寬正常的喷屋,所以一般單獨(dú)就做一個(gè)Size Classes就好。

4瞭恰、學(xué)會(huì)用Storyboard屯曹,傳統(tǒng)的Xib固然很不錯(cuò),但是Storyboard也可以作為很好的團(tuán)隊(duì)開發(fā)助力,不要把所有的視圖放在一個(gè)Storyboard恶耽,可以一個(gè)Storyboard一兩個(gè)視圖密任,把邏輯相關(guān)的非常精簡(jiǎn)的視圖放在一個(gè)Stoyboard中更能提供開發(fā)效率,而總是一個(gè)Xib一個(gè)Xib關(guān)聯(lián)反而會(huì)很凌亂驳棱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末批什,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子社搅,更是在濱河造成了極大的恐慌驻债,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件形葬,死亡現(xiàn)場(chǎng)離奇詭異合呐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)笙以,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門淌实,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人猖腕,你說我怎么就攤上這事拆祈。” “怎么了倘感?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵放坏,是天一觀的道長。 經(jīng)常有香客問我老玛,道長淤年,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任蜡豹,我火速辦了婚禮麸粮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘镜廉。我一直安慰自己弄诲,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布娇唯。 她就那樣靜靜地躺著威根,像睡著了一般。 火紅的嫁衣襯著肌膚如雪视乐。 梳的紋絲不亂的頭發(fā)上洛搀,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音佑淀,去河邊找鬼留美。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的谎砾。 我是一名探鬼主播逢倍,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼景图!你這毒婦竟也來了较雕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤挚币,失蹤者是張志新(化名)和其女友劉穎亮蒋,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體妆毕,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡慎玖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了笛粘。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趁怔。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖薪前,靈堂內(nèi)的尸體忽然破棺而出润努,到底是詐尸還是另有隱情,我是刑警寧澤示括,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布任连,位于F島的核電站,受9級(jí)特大地震影響例诀,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜裁着,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一繁涂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧二驰,春花似錦扔罪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至矗积,卻和暖如春全肮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背棘捣。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工辜腺, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓评疗,卻偏偏與公主長得像测砂,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子百匆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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