使用自動布局創建對齊的表單

Question

我正在尋找在Swift5 iOS應用中創建對齊形式的輸入屏幕，看起來像

╔══════════════╦═══════════════════════════════╗
║ Name         ║ [         text field        ] ║
║ Phone number ║ [         text field        ] ║
║ Fax number   ║ [         text field        ] ║
╚══════════════╩═══════════════════════════════╝

（消除線條），以使標簽和字段針對不同的屏幕尺寸合理縮放。 我知道我可以在垂直的stackview中使用水平的stackview，但是要使文本字段對齊，我要么必須給標簽指定一個固定的大小，要么給水平的stackviews一個固定的比例。 有更好的選擇嗎？

Answer 1

您不必使用堆棧視圖。 而是使用普通約束：

1. 將文本字段的左，右和垂直間距限制為彼此（或安全區域）。
2. 將每個標簽基線約束到每個文本字段。
3. 將左側標簽約束到安全區域。
4. 使用> =關系將每個標簽權限約束到每個提交的文本。