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

发布时间：2020-12-14 19:18:23 所属栏目：百科来源：网络整理

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

在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上设置的前导和尾随约束.为了证明我的观点,将前导和尾随约束的优先级设置为小于高度和宽度约束的优先级.你应该看到一个像你期望的圆形图像,但它可能不会居中.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!