AutoResizing and AutoLayout(IOS屏幕適配)

簡(jiǎn)介:

  • 1.在以前的IOS程序中,是如何設(shè)置布局UI界面的?
    解決方式:
    (1)經(jīng)常編寫大量的坐標(biāo)果善,計(jì)算代碼
    (2)為了保證3.5 inch和4.0 inch屏幕上都能有完美的UI界面效果,有時(shí)候還需要為兩種屏幕編寫不同的坐標(biāo)計(jì)算代碼(即傳說中的“屏幕適配”)

  • 什么是AutoLayout?
    (1)AutoLayout是一種“自動(dòng)布局”技術(shù)浴骂,專門用來布局UI界面的
    (2) AutoLayout自IOS 6開始引入,由于Xcode 4的不給力宪潮,當(dāng)時(shí)并沒有得到很大推廣
    (3)自IOS7(xcode5)開始溯警,AutoLayout的開發(fā)效率的到很大的提升
    (4)蘋果官方也大力推薦開發(fā)者盡量使用AutoLayout來布局UI界面

  • 2.Autoresizing
    (1)在Autolayout之前,有Autoresizing可以作為屏幕適配狡相,但局限性很大梯轻,有些任務(wù)根本無法完成
    (2)相比之下,AutoLayout的功能比Autoresizing強(qiáng)大很多

  • 3.AutoLayout的兩大核心概念
    (1)參照
    (2)約束

  • 4.Autolayout 的報(bào)警與錯(cuò)誤

    (1)報(bào)警:控件的frame不匹配所添加的約束谣光,比如
    :比如約束空間的寬度為100檩淋,而控件現(xiàn)在的寬度為110
    (2)錯(cuò)誤:1.缺乏必要的約束,比如
    :只約束了寬度和高度萄金,沒有約束具體的位置
    錯(cuò)誤2.兩個(gè)約束沖突蟀悦,比如1個(gè)約束控件的寬度為100,一個(gè)約束控件的寬度為110氧敢;

  • 介紹:AutoResizing and AutoLayout都是進(jìn)行屏幕的適配方法
    ![Uploading 屏幕快照 2016-06-17 上午9.13.16_016526.png . . .]日戈,由于AutoResizing不完美就出現(xiàn)了AutoLayout,二者只能存在一個(gè)孙乖,正所謂一山不能容二虎浙炼。

AutoLayout與SizeClass都勾選
AutoLayout與SizeClass都不勾選

1.Autoresizing講解

  • 首先Autoresizing是在Autolayout之前的份氧,它主要的功能:1.距離四周距離的固定,2.是否隨著父控件的變化而變化弯屈。它是由Bug的蜗帜,有些需求它是做不出來的,這時(shí)候Autolayout就誕生了资厉。
  • 再來說一下它只適用于簡(jiǎn)單的布局厅缺,對(duì)于復(fù)雜的布局它有很大的缺陷,今后記住不要再使用就好了宴偿,下面來看一下它的具體用法
Autoresizing的視圖拉伸

代碼約束如下:

   /*
 
 UIViewAutoresizingNone                 = 0,不用約束

 UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,
 UIViewAutoresizingFlexibleRightMargin  = 1 << 2,
 UIViewAutoresizingFlexibleTopMargin    = 1 << 3,
 UIViewAutoresizingFlexibleBottomMargin = 1 << 5
 
 UIViewAutoresizingFlexibleWidth        = 1 << 1,
 UIViewAutoresizingFlexibleHeight       = 1 << 4,
 
 */

self.view.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin;

2.Autolayout 的講解(極力推薦大家使用)

CCCFC73D-109C-4C7D-A555-09E805B4EB6B.png
  • 如果使用Autolayout來約束我們的控件湘捎,那frame就失效了官方不建議再設(shè)置frame了
    切記:用Autolayout就不要再使用frame
    寬度:100 寬高在pin里面約束
    高度:100
    x:水平居中
    y:垂直居中
    注意;如果利用Autolayout 約束一個(gè)控件,和我們以前使用frame約束控件一樣窄刘,必須設(shè)置寬度和高度以及/X/Y.如果缺少某一個(gè)約束就會(huì)報(bào)錯(cuò)窥妇,有可能引發(fā)一些未知的bug, 點(diǎn)擊pin進(jìn)行約束(下面紅色的就會(huì)消失)娩践,不管你選擇哪個(gè)都會(huì)居中

  • 如果有紅色警告:代表缺少約束

  • 如果有黃色警告:代表當(dāng)前位置大小和約束位置大小不一樣

設(shè)置一下寬高約束

任務(wù):1.現(xiàn)在來完成一個(gè)需求 :設(shè)置一個(gè)View使它處在控制器view的上下左右各20的邊距

效果圖
對(duì)范圍的設(shè)置于

距離頂部:20相當(dāng)于設(shè)置了Y活翩;
距離左邊:20,相當(dāng)于設(shè)置了X;
距離右邊20,相當(dāng)于設(shè)置了寬度;
距離底部20,相當(dāng)于設(shè)置了高度;

任務(wù):2.設(shè)置兩個(gè)方格之間的距離為20欺矫,且他們到兩邊的距離也是20纱新;

注意:在使用AutoLayout時(shí),最好給每一個(gè)控件起一個(gè)名稱穆趴,方便閱讀

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末脸爱,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子未妹,更是在濱河造成了極大的恐慌簿废,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,376評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件络它,死亡現(xiàn)場(chǎng)離奇詭異族檬,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)化戳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門单料,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人点楼,你說我怎么就攤上這事扫尖。” “怎么了掠廓?”我有些...
    開封第一講書人閱讀 156,966評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵换怖,是天一觀的道長。 經(jīng)常有香客問我蟀瞧,道長沉颂,這世上最難降的妖魔是什么条摸? 我笑而不...
    開封第一講書人閱讀 56,432評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮铸屉,結(jié)果婚禮上钉蒲,老公的妹妹穿的比我還像新娘。我一直安慰自己彻坛,他們只是感情好子巾,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,519評(píng)論 6 385
  • 文/花漫 我一把揭開白布小压。 她就那樣靜靜地躺著椰于,像睡著了一般怠益。 火紅的嫁衣襯著肌膚如雪瘾婿。 梳的紋絲不亂的頭發(fā)上蜻牢,一...
    開封第一講書人閱讀 49,792評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音偏陪,去河邊找鬼抢呆。 笑死笛谦,一個(gè)胖子當(dāng)著我的面吹牛抱虐,可吹牛的內(nèi)容都是我干的饥脑。 我是一名探鬼主播恳邀,決...
    沈念sama閱讀 38,933評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼灶轰!你這毒婦竟也來了谣沸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,701評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤笋颤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后赋除,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,143評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贤重,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,488評(píng)論 2 327
  • 正文 我和宋清朗相戀三年清焕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了祭犯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,626評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沃粗,死狀恐怖键畴,靈堂內(nèi)的尸體忽然破棺而出最盅,到底是詐尸還是另有隱情起惕,我是刑警寧澤,帶...
    沈念sama閱讀 34,292評(píng)論 4 329
  • 正文 年R本政府宣布惹想,位于F島的核電站,受9級(jí)特大地震影響嘀粱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜垄分,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,896評(píng)論 3 313
  • 文/蒙蒙 一娃磺、第九天 我趴在偏房一處隱蔽的房頂上張望薄湿。 院中可真熱鬧偷卧,春花似錦、人聲如沸涯冠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至派任,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間掌逛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工篓像, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人员辩。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像奠滑,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宋税,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,494評(píng)論 2 348

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