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

在故事板（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;

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

我想问题是自动布局，但我不确定。 我怎样才能使图像完美圆形？

两步：

1. 通过向 UIImageView 添加“容器中的水平中心”约束（编辑器 > 对齐 > 容器中的水平中心）使 UIImageView 居中。
2. 删除当前在 UIImageView 上设置的前导和尾随约束。

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