约束不适用于带图像Xcode的按钮

Question

今天我在视图中设置了一些约束，但看起来很糟糕。我要添加哪些约束（见截图）

In XCode

In Simulator

Answer 1

修复所有图像的高度和宽度，并给出标签和图像之间的前，后，顶部和垂直间距。还要修复标签高度。您将为每个字段指定最小4和最大6个约束。

Answer 2

如果我理解了您的要求，您需要在这些单独的图像下面放置四个带有标签的图像。如果是这种情况，您可以使用其单元格包含图像视图和标签的集合视图。您可以通过代理给出单元格之间的间距，单元格的大小和单元间距。您还需要在集合视图单元格中指定图像视图和标签约束。例如，图像视图水平放置在中心位置并固定在superview顶部，标签水平固定在图像视图底部和标签顶部，以便在它们之间留出间隙。