簡(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è)孙乖,正所謂一山不能容二虎浙炼。
1.Autoresizing講解
- 首先Autoresizing是在Autolayout之前的份氧,它主要的功能:1.距離四周距離的固定,2.是否隨著父控件的變化而變化弯屈。它是由Bug的蜗帜,有些需求它是做不出來的,這時(shí)候Autolayout就誕生了资厉。
- 再來說一下它只適用于簡(jiǎn)單的布局厅缺,對(duì)于復(fù)雜的布局它有很大的缺陷,今后記住不要再使用就好了宴偿,下面來看一下它的具體用法
代碼約束如下:
/*
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 的講解(極力推薦大家使用)
如果使用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)前位置大小和約束位置大小不一樣
任務(wù):1.現(xiàn)在來完成一個(gè)需求 :設(shè)置一個(gè)View使它處在控制器view的上下左右各20的邊距
距離頂部: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è)名稱穆趴,方便閱讀