iOS Autolayout自動布局

•在ios程式中，大部分檢視控制器都包含了大量的**用於設定ui布局，設定控制項的水平或垂直位置，以確保元件在不同版本的ios中都能得到合理的布局

•甚至有些程式設計師希望在不同的裝置使用相同的檢視控制器，這就給**新增了更多的複雜性！

•自動布局autolayout的引入很好地解決了這一問題！

•autolayout是一種基於約束的，描述性的布局系統

–基於約束：和以往定義frame的位置和尺寸不同，autolayout的位置確定是以所謂相對位置的約束來定義的，比如x座標為superview的中心，y座標為螢幕底部上方10畫素等

–描述性：約束的定義和各個view的關係使用接近自然語言或者視覺化語言的方法來進行描述

–布局系統：用來負責介面的各個元素的位置

•autolayout為開發者提供了一種不同於傳統對於ui元素位置指定的布局方法。以前，不論是在ib裡拖放，還是在**中寫，每個uiview都會有自己的frame屬性，來定義其在當前檢視中的位置和尺寸。而使用autolayout，就變為了使用約束條件來定義view的位置和尺寸

•解決不同解析度和螢幕尺寸下view的適配問題，同時也簡化了旋轉時view的位置的定義。原來在底部之上10畫素居中的view，不論在旋轉螢幕或是更換裝置（ipad、ipad mini、iphone 4或者是iphone5/iphone6/iphone6plus）的時候，始終還在底部之上10畫素居中的位置，不會發生變化

•使用約束條件來描述布局，view的frame會依據這些約束來進行計算

•autolayout可以指定任意兩個view的相對位置，而不需要像autoresizing mask那樣需要兩個view在直系的view hierarchy中

•autolayout不必須指定相等關係的約束，它可以指定非相等約束（大於或者小於等）；而autoresizing mask所能做的布局只能是相等條件的

•autolayout可以指定約束的優先順序，計算frame時將優先按照滿足優先順序高的條件進行計算

•在建立約束之後，需要將其新增到作用的view上。在新增時要注意目標view需要遵循以下規則：

•1）對於兩個同層級view之間的約束關係，新增到他們的父view上

•2) 對於兩個不同層級view之間的約束關係，新增到他們最近的共同父view上

•3) 對於有層次關係的兩個view之間的約束關係，新增到層次較高的父view上

-(void)addconstraint:(nslayoutconstraint *)constraint

•重新整理約束的改變

-setneedsupdateconstraints

-layoutifneeded

[button settranslatesautoresizingmaskintoconstraints:no];

// 2.1 水平方向的約束

nslayoutconstraint *constraintx = [nslayoutconstraint constraintwithitem:button attribute:nslayoutattributecenterx relatedby:nslayoutrelationequal toitem:self.view attribute:nslayoutattributecenterx multiplier:1.0f constant:0.0f];

[self.view addconstraint:constraintx];

// 2.2 垂直方向的約束

nslayoutconstraint *constrainty = [nslayoutconstraint constraintwithitem:button attribute:nslayoutattributecentery relatedby:nslayoutrelationequal toitem:self.view attribute:nslayoutattributecentery multiplier:1.0f constant:0.0f];

[self.view addconstraint:constrainty];

•ambiguous layout 布局不能確定，即給出的約束條件無法唯一確定一種布局，也就是約束條件不足，無法得到唯一的布局結果。這種情況一般新增一些必要的約束或者調整優先順序可以解決

•unsatisfiable constraints 無法滿足約束，問題**是有約束條件互相衝突，因此無法同時滿足，需要刪掉一些約束

•現在使用ib可以比較容易地完成複雜約束，在實際開發中很少再會遇到遺漏或者多餘約束情況的出現，有問題的約束條件將直接在ib中得到錯誤或者警告。

清澈saup

出處：

iOS Autolayout自動布局

iOS Auto Layout介面自動布局（1）

ios AutoLayout基礎知識彙總

學習 iOS Autolayout的一點經驗

iOS Autolayout自動布局

iOS Auto Layout介面自動布局（1）

ios AutoLayout基礎知識 彙總

學習 iOS Autolayout的一點經驗

相關推薦

ios AutoLayout基礎知識彙總