用途
Constraints 用於 responsive design, 子元素和父元素建立約束關系后, 當父元素 dimension 變換的時候, 子元素會做出相應的變化 (移動位置或 resize dimension)
例子
約束有份左右和上下, 概念是一樣的，只是方向不同而已, 所以這里我指說其中一邊.
默認的約束時 Left, Top
Left
當約束 Left 時, 意味着子元素的 Left 始終保持和父元素的距離.
所以當拉動父元素左邊時, 子元素也一起移動了.
而當拉動父元素右邊時, 子元素則沒有任何反應 (因為右邊沒有被約束)
Right
和 Left 相反, 右邊被固定了
Left and Right
當 2 邊都被約束以后, 子元素的 width 就會被強行改變, 以確保左右始終和父元素保持固定的距離
Center
center 約束的是中心點, 所以當拉動父元素左邊或右邊時, 子元素都會移動, 因為它要確保中心點失蹤一致.
Scale
Scale 和 Left and Right 的區別
上方是 left and right, 下方是 scale
雖然 2 方的子元素都被 resize 了, 但是結果還是差很多的,
left and right 的關鍵是約束左右的距離
而 scale 是和父元素對等比例一起長大.
