中心4图像与约束自动布局

Question

我是autolayout的新手,我有点不知道如何将这4个图像集中在所有不同的设备中,就像它在图像上看起来一样.我试图应用自动配置的约束,但它将具有该距离,并且不适合所有设备.所以我的问题是我需要在所有不同的图像上应用哪些约束才能使所有图像以相同的距离居中？

这是我在storyBoard中的单元格的样子:

图像1上约束选项的图像:

模拟器中的图像:

///我的尝试////

在这里你可以看到我添加的约束和结果？

结果:

Answer 1

您的方法几乎是正确的,它只是缺少图像的大小限制.

如果要动态调整图像的大小并使它们之间保持不变,请在图像上设置宽度>=20(或任何其他值,取决于您的需要)的约束以及保持纵横比的约束.然后按住Ctrl UIImageView1键UIImageView2并拖动到并设置相等宽度的约束.重复从UIImageView1到UIImageView3和UIImageView1到UIImageView4.

如果您希望图像始终保持固定大小并在它们之间动态调整大小,则需要另一种方法:

这里的技巧是在UIImageViews之间放置3个空的UIViews,使它看起来像这样:

• 将约束设置为所有视图的顶部
• 为UIImageView1和4设置左右两侧的约束
• 将所有UIImageViews的约束设置为相同的宽度
• 为UIImageViews之间的所有UIView设置相同宽度的约束
• 将视图之间所有距离的约束设置为0
• 将UIViews的宽度约束设置为 >= 0

这种方式使UIImageViews之间的空UIViews动态调整大小和所有相同的宽度.

我希望你明白这个主意.