约束uiimageview以保持纵横比并根据设备大小进行扩展

Question

我在2个项目中有这个问题。通常情况下，个人资料图像以圆形显示

这对于iphone5 size.problem可以在更大的设备上提升

正如你可以看到轮廓图像视图的大小，它看起来比封面图像小。如果我让它基于外部图像增加然后xocde忽略宽高比约束，这导致非cricular轮廓图像

这是当前约束图像

任何建议我应该如何处理它？

如果我将轮廓图像视图上的约束设置为与背景图像的比率增加，则更新此处的结果。

请求y的图像视图，因为我希望它是中心，所以我设置固定的高度= 68希望xcode将打破这个约束，以保持纵横比，结果

所以如果我删除hight = 68并添加像宽度一样的约束。

结果

Answer 1

选择你的图像视图和它的超级视图，并给出equal width constraint ，

然后从size inspector选择equal width constraint ，并减小其multiplier直到获得所需的宽度！

现在选择图像视图并给出aspect ratio约束！

最后给出x和y位置的位置约束！

在你的案例center x和center y ，我认为它是超级视图！

并且您的imageview将随着设备宽度的增加或减少而变化，并且始终保持正方形！

你应该在tableviewcell类的layoutSubviews方法中设置动态corner radius （imageview的宽度或高度的一半），因为你需要圆形的imageview，你的大小是动态的！

Answer 2

不要将高度和宽度设置为常量，而是在背景图像和轮廓图像之间设置相等的宽度约束：

然后选择配置文件图像并将乘数值设置为所需的值：

现在，您还可以为配置文件图像设置纵横比。

Answer 3

这很简单：

1. 提供纵横比约束并使轮廓的宽度为pic =屏幕的宽度
2. 选择等宽约束并在乘数中给出比率