iOS 利用constraint實現2個控制項上下的空白是相等的

標籤：blog   int   http   c   2014   com   

說的有點亂，先看個圖把

其實這個constrant的目的就是控制兩個方形的控制項上方和下方的空白大小。

對於每一個方塊來說，他們上方和下方的空白是相同的。這種“置中”的設計到處可見。一個控制項想實現這種置中和簡單，只需要建立一個參考的view，比如這裡的h1或h2，再調整好參考view的高度，最後設定控制項和參考view中部對齊即可。連續的2個控制項都想實現的話，就麻煩一點，需要2個參考view，具體的設定方法請參考。注意，這裡的m，n，height都是定值。所以對應的h1和h2可以解除唯一一組值，所以2個控制項的中心y座標是唯一的，也就是說這組constraint可以實現目標！

但是上面的方法並不好，這裡寫出來主要是給出一種判斷能否用constraint確定位置的方法，這裡是利用了方程組，解出具體值。

再看一個真正的好方法，見

這裡2個控制項的高度是固定的，一個是m，一個是n。之後添加了3個輔助view，這3個view都不設定具體的高度，而是利用constraint把這5個view串起來，並設定2個constraint，這樣，就有以下方程

m+n+h1+h2+h3 = 總高度

h1 = h2 = 0.3*h3

這樣可以解出h1，h2，h3，所以控制項的位置就確定了，而且這2個控制項的空白間隔可以根據我們的需要調整。