191129 iOS Auto Layout
目標: a. 元件垂直橫向顯示時皆置中。 b. 元件尺寸保持比例。 c. 垂直顯示時,元件左右與螢幕邊緣保持一定距離。 d. 橫向顯示時,元件上下與螢幕邊緣保持一定距離。 e. 在 iPad 上元件不得太大。 條件限制設定如下: ------------------------- a 設定方法: a.i 點選右下角的 "Align" 圖示 a.ii 在彈出式小視窗中勾選 "Horizontally in Container" 與 "Vertically in Container";此兩個項目的右手邊有個輸入框,預設值為 ".0",目前不需更改;該值應該是偏移量,有空可以輸入看看其元件放置的效果。 a.iii 點按 [Add Constraints] 之後在 Constraints 中會出現以下兩項 a.1 [元件].centerX = centerX 水平置中的設定 a.2 [元件].centerY = centerY 垂直置中的設定 ------------------------- b. 設定方法: b.i 點選右下角的 "Add New Constraints" 圖示 b.ii 在彈出式小視窗中勾選 "Aspect Ratio" b.iii 點按 [Add Constraints] 之後在該元件的 Constraints 中會出現以下項目 b.1 aspect = 1:1 ------------------------- c. 設定方法: c.i 點選右下角的 "Add New Constraints" 圖示 c.ii 在彈出式小視窗上半部的左右輸入框中,輸入左右兩邊要保持的距離;在輸入框中的右邊會有個白色倒三角形,點選後會有選項,建議選擇 "Safe Area"。 c.iii 檢查左右輸入框與中間元件圖示間的紅色間距圖示是否已變為亮紅色實線。 c.iv 點按 [Add Constraints] c.v c.i~c.iv 再操作一次 c.vi 在 Constraints 中,點選第一個 [元件].l