通过UIStackView在同等大小的UIImages下安排自定义大小的UILabels

Posted 2021-04-14

我想通过UIStackView在相同大小的UIImages下安排可变大小的UILabel。但我最终得到缩小的字体或文字包裹在两行。请参阅下面的图片以了解相关信息。

[实际问题]此外，它唯一能按预期工作的时候就是我把容器放得足够大。我的目标是在屏幕宽度的60％范围内实现这一目标，从iphone 5及更高版本开始。

我想要实现的目标：

但我最终得到了这个结果：

或这个：

像这样结构化

注意：所有用栈内堆栈制作的UI。所有图像和标签都有自己的堆栈，然后包裹在后续堆栈中以垂直和水平对齐它们。

答案

请参阅下面屏幕截图中的约束关系和视图层次UILabel水平居中于UIImageView。并且有UIImageView的垂直空间另外UILabel不在UIStackView等级。

更新：将UIImageView和UILabel放入容器（UIView）中。然后在UIStackView中，以防需要外部堆栈。