使用自动布局创建对齐的表单

Question

我希望在 Swift5 iOS 应用程序中创建一个对齐形式的输入屏幕，看起来像

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

（没有线条）使得标签和字段可以针对不同的屏幕尺寸合理缩放。我知道我可以在垂直堆栈视图中使用水平堆栈视图，但是要使文本字段对齐，我要么必须给标签一个固定大小，要么给水平堆栈视图一个固定比例。有更好的选择吗？

Answer 1

您不必使用堆栈视图。相反，使用简单的约束：

1. 将文本字段向左、向右和垂直间距限制在彼此之间（或安全区域）。
2. 将每个标签基线约束到每个文本字段。
3. 将标签限制在左侧 - 到安全区域。
4. 使用 >= 关系将每个标签限制到每个文本字段。