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

Question

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

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

(无线条)，以便标签和字段针对不同的屏幕尺寸合理缩放。我知道我可以在垂直 stackview 中使用水平 stackview，但为了使文本字段对齐，我要么必须为标签指定固定大小，要么为水平 stackview 指定固定比例。有更好的选择吗？

Answer 1

您不必使用堆栈 View 。相反，使用简单的约束:

1. 限制文本字段的左、右和垂直间距(或安全区域)。
2. 将每个标签基线限制到每个文本字段。
3. 将标签限制在安全区域左侧。
4. 使用 >= 关系将每个标签限制为每个文本字段。