一 ,使用autolayout進行相對佈局:佈局
1.建立新的工程,設置rootviewcontroller(這裏再也不多說)spa
2.勾選下面(由於咱們到下面是使用sizeClass,因此勾選兩個):3d
3.這裏我建立了一個lable,名稱爲View1,在這裏能夠看到設置View1的約束爲距上和左側爲0,寬和高設置的都是200,同理能夠設置距離右和下的約束,如圖:調試
4.當上面工做完成之後,點擊Add按鈕,會出現黃色的約束範圍,以下圖:blog
5.上面工做完成後點擊Update Frames,到此View1的約束建立完畢,如圖。當咱們要更改約束的時候,須要先清除原來得約束,點擊Clear Constraints,在重新添加約束。文檔
6.此時,我建立了一個名稱爲View2的lable,一樣設置約束,距左邊爲8(即距View1的距離爲8),距右邊邊界爲8,高度爲96,如圖:class
7.點擊Add添加約束,如圖:date
8.更新fream就OK了,如圖:autolayout
9.同理,建立View3的lable,爲了節約你們時間,就不在每一步進行操做,至此,基本autolayout使用已描述完畢,能夠運行看下效果。如圖:im
二,sizeclass的使用
1,接着上面的例子,咱們能夠發現,在上圖的底部,有wAny hAny,點擊wAny,咱們能夠看到下圖,這種是支持全部屏幕的設置,缺點是不精緻,當咱們橫屏的時候怎麼辦呢?(關於size class的詳細解析,請參考蘋果文檔):
2.咱們在橫屏的時要適配屏幕,那麼以下圖,選擇以下的方式:
3.更改屬性,設置長和高,在這裏,我改變了View1的高度,以下圖:
4,更改View2和View3的高度,跟View1進行匹配,以下圖:
修改完畢後運行調試,即爲你想要的結果。固然,本例只了兩種屏幕的適配,同理,您能夠適配9種蘋果屏幕。
本文介紹的可能有不少不到之處,望各位大神批評指正。