iOS AutoLayOut

效果實現:

StoryBoard效果:


iPhone6橫屏效果:


iPhone6豎屏效果:




約束線條顏色:

黃色缺少約束 紅色錯誤約束藍色正確



功能簡介:

功能一區:


Add New Alignment Constraints(添加新的對齊約束)

第一部分:多個視圖邊緣對齊

第二部分:多個視圖居中對齊

第三部分:在父視圖中的位置

--->

幾種常用情況:

(1)高度1/3處


(2)垂直居中


(3)高度一半的一半再減20處


功能二區:


Add New Constraints (添加新的約束)

第一部分:視圖上下左右間距

第二部分: 視圖高度與寬度

第三部分:多個視圖等寬度,高度,長高比(常用於視圖大小不固定的情況)


功能三區:


分爲當前選中的視圖與所有視圖

根據約束更新視圖的frame

根據frame更新視圖的約束

添加剩餘的約束

設置建議的約束

清除約束


關於iOS8中的Size Class :


相當於提供了好幾套模板,根據屏幕的大小自動選擇相應的約束。

注意事項:

1.組合屬性控件多選(Equal widths),否則控件單選(width),以免出錯.

2.兩個控件的間距只需要一個.


Constant 偏移

Multiplier  倍率

view1.attr1=view2.attr2*multiplier+constant

注意First Item 與Second Item的位置


主要還是要自己探索,再實踐中成長。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章