堆栈视图和标签字体大小的自动布局问题

Question

我真的很想自己解决这个问题，但是现在已经 3 个小时了，我认为这种问题不值得花一半的时间，所以我在这里寻求帮助。

这是auto-layout problem，所以我会尽力正确地说明它。

我有一个stack view，其中包含两个labels（故事板中的O 和_）。问题是我无法修复stack view 的大小以使label's font size auto-shrink 在较小的屏幕上同时正确显示在较大的屏幕上...

在 iPhone 5s 上效果最佳：

故事板 =

约束 =

模拟器 =

iPhone 8 结果 =

在 iPhone 8、8+ 和更大的屏幕上效果最佳：

故事板 =

约束 =

模拟器 =

iPhone 5s 和更小的屏幕结果 =

我想这是 StackView 让事情变得比他们应该的更难.. stack view 内的 labels 没有固定大小会很棒。我能做什么？

Answer 1

如果你有一个嵌套的 stackViews（StackView inside StackView inside StackView 等），顶部 StackView 必须有顶部和底部约束，但底部必须是“大于”的类型（例如 ">= 1"）。

如果没有这两个约束，高度通常会被错误计算，如果布局过程没有“喘息的空间”，也会发生同样的情况，因为约束被设置为严格。

Answer 2

您可以将尾随约束trailing = Stack View.trailing - 15 的关系从Equal 替换为Greater than or equal。

例如你需要：trailing >= Stack View.trailing + 15

这样，堆栈视图的尾部将与父视图的尾部有 15 个点的距离，因此如果没有足够的空间，它将自动缩小。同时，如果空间很大，标签将不会展开，因为每个标签都会拥抱其内容。