ios – 故事板和自动布局：如何制作圆形图像

概述在storyboard( xcode 6)中,我想从Facebook获取一个圆形用户图像配置文件. 所以我在故事板中使用自动布局制作了这个界面： 然后,使用Facebook iOS sdk我获取用户配置文件(使用swift)： var facebookProfileUrl = "http://graph.facebook.com/\(userId!)/picture?type=normal"; 在 在storyboard( xcode 6)中,我想从Facebook获取一个圆形用户图像配置文件.

所以我在故事板中使用自动布局制作了这个界面：

然后,使用Facebook iOS sdk我获取用户配置文件(使用swift)：

var facebookProfileUrl = "http://graph.facebook.com/\(userID!)/picture?type=normal";

在故事板中,我已将图像设置为“缩放至适合”模式.
要使图像视图为圆形,请使用以下代码：

self.facebookProfileImage.layer.cornerRadius =  self.facebookProfileImage.frame.size.wIDth / 2;self.facebookProfileImage.clipsToBounds = true;

当我运行代码时,无论如何图像看起来不是圆形的：

我想问题是自动布局,但我不确定.
如何使图像完美圆形？

解决方法 两个步骤：

>通过在UIImageVIEw中添加“容器中的水平中心”约束(编辑器>在容器中对齐>水平中心)来居中UIImageVIEw.
>删除当前在UIImageVIEw上设置的前导和尾随约束.

为什么？ UIImageVIEw正在被拉伸,因为自动布局需要考虑您在UIImageVIEw上设置的前导和尾随约束.为了证明我的观点,将前导和尾随约束的优先级设置为小于高度和宽度约束的优先级.你应该看到一个像你期望的圆形图像,但它可能不会居中.

总结

以上是内存溢出为你收集整理的ios – 故事板和自动布局：如何制作圆形图像全部内容，希望文章能够帮你解决ios – 故事板和自动布局：如何制作圆形图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。