前言

AutoLayout非常強(qiáng)大也非常易用，可讀性也很強(qiáng)，加上各種第三方AutoLayout庫，讓你布起局來猶如繃掉鏈子的狗！但在使用中也有各種各樣的問題，下面就來給大家詳細(xì)介紹下。

AutoLayout 問題

• 布局沖突
• 固有尺寸沖突
• 布局和固有尺寸沖突

主要概念

• 固有尺寸 intrinsicContentSize（意思就是說我知道自己的大小，如果你沒有為我指定大小，我就按照這個(gè)大小來。）
• hugging，compress
• priority
• constraint：equal，unequal

一個(gè)UIView顯示，需要有2個(gè)元素，position & size。AutoLayout可以確定view 的這兩個(gè)，so 不用frame。

1、布局遇到的問題

布局絕對沖突：

eg 設(shè)置了 view 的左右，然后又有個(gè) width，造成沖突

   解決方案：

    1.設(shè)置優(yōu)先級（低優(yōu)先級constraint沒有用到的時(shí)候的時(shí)候系統(tǒng)默認(rèn)忽略）

    2.刪除沒有的constraint（常用）

2、布局模糊沖突

    假設(shè)UIView2的寬度不能超過50。當(dāng)UIView1寬度小于50的時(shí)候，二者等寬；

    當(dāng)UIView1寬度大于50的時(shí)候，UIView2不受UIView1寬度的影響。 

    于是給UIView2加上一條約束：寬度<=50。這時(shí)候沖突來了：

因?yàn)閁IView1的寬度是定好的，而UIView2和UIView1等寬。那么UIView2的寬度就是確定的。

    so 當(dāng)寬度 > 50 的時(shí)候，就是沖突，<= 50 的時(shí)候就不是沖突

    解決方案：

        equal width priority 設(shè)置低一些，這樣讓 View2 先滿足<= 50的 constraint，當(dāng)他的width <= 50 的時(shí)候equal width生效

enum {
 UILayoutPriorityRequired = 1000,
 UILayoutPriorityDefaultHigh = 750,
 UILayoutPriorityDefaultLow = 250,
 UILayoutPriorityFittingSizeLevel = 50,
};

1、intrinsic沖突

content Hugging／content Compression Resistance 設(shè)置優(yōu)先級解決intrinsicContentSize

• Hugging （不想填充空間）
• Compression （不想被擠壓）
• 有這兩個(gè)特性的 view 一定實(shí)現(xiàn)了 intrinsicContentSize
• Hugging 默認(rèn) priority = 250
• Compression 默認(rèn) priority = 750
• 其他 constraint 默認(rèn) priority = 1000（最大）

當(dāng) constraint.priority > hugging.priority View會(huì)被拉伸

當(dāng) constraint.priority < hugging.priority View會(huì)被抱緊在priority小的那一邊

當(dāng) constraint.priority > compression.priority View 會(huì)被擠壓

當(dāng) constraint.priority < compression.priority View 不會(huì)被擠壓

    eg UILabel 有intrinsicContentSize 那么UILabel的size 就用它，

    如果有constraint 設(shè)置了 size 那么使用 constraint的

    UILabel1、和UILabel2布局 ：

    距離上邊欄都是50點(diǎn)。 UILabel1與左邊欄距離為10，UILabel2左面距離UILabel1為10點(diǎn)。

    因?yàn)槎季哂蠭ntrinsic屬性，所以不需要指定size，位置應(yīng)該也明確了。

    再給UILabel2加一條約束，右側(cè)距離右邊欄為10點(diǎn)。（如果view 沒有intrinsicContentSize，那么右邊的view 會(huì)被拉伸）

    因?yàn)?UILabel 有intrinsicContentSize 所以2個(gè)Labe 必須有一個(gè)要被拉伸

    * 1個(gè)label 使用自己的intrinsic，另一個(gè)填充其他空間

使用場景

1、沒有 intrinsicContentSize 的view 使用 priority，將模糊沖突改變成條件布局

2、有 intrinsicContentSize 的view

       改變hugging or compression 的priority，解決intrinsic 沖突

       雖然有intrinsic 只要給出origin 和 size 就可以了，可是使用 unequal constraint 完善布局，避免警告

       主要接口 & 屬性

UILabel 的preferredMaxLayoutWidth，如果有多行要設(shè)置正確的preferredMaxLayoutWidth，來得到 正確的intrinsicContentSize

systemLayoutSizeFittingSize 調(diào)用 intrinsicContentSize

layoutIfNeed 如果有布局變化強(qiáng)制刷新

當(dāng)視圖的內(nèi)在內(nèi)容改變時(shí)，需要調(diào)用 invalidateIntrinsicContentSize ，讓系統(tǒng)知道在下次布局時(shí)重新計(jì)算intrinsicContentSize

// 原有的視圖尺寸和現(xiàn)在的不相符，
- (void)layoutSubviews {
 [super layoutSubviews];
 _collectionView.frame = self.bounds;
 if (!CGSizeEqualToSize(self.bounds.size, [self intrinsicContentSize])) {
 [self invalidateIntrinsicContentSize];
 }
}

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

最新評論