iOS中的AutoLayout使用實踐總結
前言
AutoLayout非常強大也非常易用,可讀性也很強,加上各種第三方AutoLayout庫,讓你布起局來猶如繃掉鏈子的狗!但在使用中也有各種各樣的問題,下面就來給大家詳細介紹下。
AutoLayout 問題
- 布局沖突
- 固有尺寸沖突
- 布局和固有尺寸沖突
主要概念
- 固有尺寸 intrinsicContentSize(意思就是說我知道自己的大小,如果你沒有為我指定大小,我就按照這個大小來。)
- hugging,compress
- priority
- constraint:equal,unequal
一個UIView顯示,需要有2個元素,position & size。AutoLayout可以確定view 的這兩個,so 不用frame。
1、布局遇到的問題
布局絕對沖突:
eg 設置了 view 的左右,然后又有個 width,造成沖突
解決方案:
1.設置優(yōu)先級(低優(yōu)先級constraint沒有用到的時候的時候系統(tǒng)默認忽略)
2.刪除沒有的constraint(常用)
2、布局模糊沖突
假設UIView2的寬度不能超過50。當UIView1寬度小于50的時候,二者等寬;
當UIView1寬度大于50的時候,UIView2不受UIView1寬度的影響。
于是給UIView2加上一條約束:寬度<=50。這時候沖突來了:
因為UIView1的寬度是定好的,而UIView2和UIView1等寬。那么UIView2的寬度就是確定的。
so 當寬度 > 50 的時候,就是沖突,<= 50 的時候就不是沖突
解決方案:
equal width priority 設置低一些,這樣讓 View2 先滿足<= 50的 constraint,當他的width <= 50 的時候equal width生效
enum {
UILayoutPriorityRequired = 1000,
UILayoutPriorityDefaultHigh = 750,
UILayoutPriorityDefaultLow = 250,
UILayoutPriorityFittingSizeLevel = 50,
};
1、intrinsic沖突
content Hugging/content Compression Resistance 設置優(yōu)先級解決intrinsicContentSize
- Hugging (不想填充空間)
- Compression (不想被擠壓)
- 有這兩個特性的 view 一定實現了 intrinsicContentSize
- Hugging 默認 priority = 250
- Compression 默認 priority = 750
- 其他 constraint 默認 priority = 1000(最大)
當 constraint.priority > hugging.priority View會被拉伸
當 constraint.priority < hugging.priority View會被抱緊在priority小的那一邊
當 constraint.priority > compression.priority View 會被擠壓
當 constraint.priority < compression.priority View 不會被擠壓
eg UILabel 有intrinsicContentSize 那么UILabel的size 就用它,
如果有constraint 設置了 size 那么使用 constraint的
UILabel1、和UILabel2布局 :
距離上邊欄都是50點。 UILabel1與左邊欄距離為10,UILabel2左面距離UILabel1為10點。
因為都具有Intrinsic屬性,所以不需要指定size,位置應該也明確了。
再給UILabel2加一條約束,右側距離右邊欄為10點。(如果view 沒有intrinsicContentSize,那么右邊的view 會被拉伸)
因為 UILabel 有intrinsicContentSize 所以2個Labe 必須有一個要被拉伸
* 1個label 使用自己的intrinsic,另一個填充其他空間
使用場景
1、沒有 intrinsicContentSize 的view 使用 priority,將模糊沖突改變成條件布局
2、有 intrinsicContentSize 的view
改變hugging or compression 的priority,解決intrinsic 沖突
雖然有intrinsic 只要給出origin 和 size 就可以了,可是使用 unequal constraint 完善布局,避免警告
主要接口 & 屬性
UILabel 的preferredMaxLayoutWidth,如果有多行要設置正確的preferredMaxLayoutWidth,來得到 正確的intrinsicContentSize
systemLayoutSizeFittingSize 調用 intrinsicContentSize
layoutIfNeed 如果有布局變化強制刷新
當視圖的內在內容改變時,需要調用 invalidateIntrinsicContentSize ,讓系統(tǒng)知道在下次布局時重新計算intrinsicContentSize
// 原有的視圖尺寸和現在的不相符,
- (void)layoutSubviews {
[super layoutSubviews];
_collectionView.frame = self.bounds;
if (!CGSizeEqualToSize(self.bounds.size, [self intrinsicContentSize])) {
[self invalidateIntrinsicContentSize];
}
}
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關文章
詳解iOS中UIButton的三大UIEdgeInsets屬性用法
這篇文章主要介紹了iOS中UIButton的三大UIEdgeInsets屬性用法,分別講解了contentEdgeInsets、imageEdgeInsets和titleEdgeInsets三個屬性在創(chuàng)建UIButton時對樣式的控制,需要的朋友可以參考下2016-04-04
iOS10 App適配權限 Push Notifications 字體Frame 遇到的問題
這篇文章主要介紹了iOS10 App適配權限 Push Notifications 字體Frame 遇到的問題,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
Objective-C編程中語句和變量的一些編寫規(guī)范建議
這篇文章主要介紹了Objective-C編程中語句和變量的一些編寫規(guī)范建議,包括三目運算符和錯誤處理等方面,以及對變量命名的書寫建議,需要的朋友可以參考下2016-04-04

