ios - Horizo​​ntal UIStackView - 如何对齐内部项目，以便一个向左浮动，另一个固定在中间？

Question

我正在制作一个“首选项”屏幕，并在顶部标题的布局方面苦苦挣扎。我有一个简单的“后退”按钮和一个标签。要求是，后退按钮必须始终向左浮动，并且标签必须位于中心，且其自身内容居中。

到目前为止，我创建了一个包含这两个项目的堆栈 View (水平)。我已将分布指定为等间距，并添加宽度约束，如下所示:按钮 - 60标签 - 200

这在一个屏幕上看起来不错，但我确信它不会起作用，因为屏幕宽度在不同设备上以及纵向/横向之间会有所不同。

在 CSS 中，这只是简单地指定按钮为 float:left 并且标签为 margin:auto，我如何在 XIB 中实现它？

以下是截图供引用:

Answer 1

你有几个选择......

---

最简单，最接近您的 CSS 描述:

按钮从顶部被限制为 0，从前部被限制为 8(根据需要调整)；标签被限制为垂直居中于按钮，水平居中以查看。

缺点:如果标签文本太多，它会覆盖按钮。

---

第二个选项:

与上面相同，但在右上角添加一个“间隔符”UIView...将其限制为 0 到顶部，8 到尾部，垂直居中到按钮，并将其限制为等宽和等高按钮。然后，将 >= 8 约束添加到导致按钮尾随的标签，并将标签尾随到间隔 View 前导。这将允许标签根据其文本水平扩展，但会防止重叠(文本将被 ... 截断，如果太多无法容纳)。

---

第三个选项 - 使用堆栈 View :

堆栈 View 设置:

Axis: Horizontal
Alignment: Fill
Distribution: Fill
Spacing: 8

将堆栈 View 限制为 0 到顶部，8 个前导和尾随(只是为了在两侧填充一点)，添加一个按钮、标签和 UIView。约束“间隔” View 与按钮宽度相等。为按钮设置水平 Content Hugging Priority = 1000(将保持其标题的宽度)。

还有其他方法，部分取决于您是否想执行此处未显示的任何其他方法，但所有这三种方法都可以完成工作。