Stanford ios 10 with Swift 筆記1 - Constraints

如何把製作autolayout?

portrait時候長這樣是ok的：

但是landscape就掛點了：

這邊要做的步驟邏輯如下：
1. 把每一個row的按鈕都group (或稱stack horizontally)起來:

或是用右下角的快速按鈕：

用property panel調整spacing和大小：

2. 把每個group再group一次（或稱stack vertically)

3. 利用property panel調整此stack的alignment成fill，以及spacing成10：

4. 對顯示數字條也做vertical stacking:

注意數字鍵跟數字顯示條stack一起，distribution和alignment就是這兩個item在作用，用這樣的想法就不會覺得行為超出理解。


5. 設定top / head (left) / trailing (right) / bottom space，按住crtl從stack拉向上下左右四個邊際：

當然這四個距離要設成零，double-click在這四條線上設定就可以。這事實上是加入了一些constraints:

最後再調整一下數字鍵的stack成distribution equally：

可以看到即便是landscape mode也是ok的：