图像视图不是一个完美的圆圈[重复]

Question

我有一个UITableViewCell，其中包含一个UIImageView。

图像视图应该是一个圆形，所以我将cornerRadius设置为它的高度的一半。问题是如果图像不够大（图像视图的宽度/高度约束，而不是图像本身），则无法正确舍入。如果我增加约束，一切都会正常。

图像是正方形，图像视图也有 1:1 的比例约束。 知道问题出在哪里吗？

我打电话给awakeFromNib：

private func setUpCellDesign() {
    profileImageView.layer.cornerRadius = profileImageView.frame.height / 2
    profileImageView.clipsToBounds = true
    mainView.layer.cornerRadius = 15

}

我注意到即使我在单元格中添加其他元素并尝试以相同的方式圆角（例如带有圆角的按钮），它也无法正常工作。

Answer 1

您似乎对单元格的布局子视图有问题 - 您需要更多的自动布局机制循环

您可以通过覆盖 layoutSubViews 并将您编写的 snip 代码放入其中来解决它。

只有在自动调整大小和 子视图的基于约束的行为不提供行为 你要。您可以使用您的实现来设置框架矩形 直接访问您的子视图。

Answer 2

发生这种情况是因为角半径大于min(view.frame.width, view.frame.height) / 2，这是因为在单元格的最后一帧之前调用了setUpCellDesign()。

我的建议是创建一个UIImageView 子类，我将我的命名为CircularImageView，并像这样实现它：

class CircularImageView: UIImageView {
  override func layoutSubviews() {
    super.layoutSubviews()
    clipsToBounds = true
    layer.cornerRadius = min(frame.width, frame.height) / 2
  }
}

这将确保图像视图无论大小都尽可能为圆形，如果它是矩形，则角半径将适应最短边以防止出现尖角。

Answer 3

如果您确切知道要显示的图像视图的大小，只需使用该大小而不是调用它为profileImageView.frame.height。这将消除覆盖layoutSubviews 的需要。

Answer 4

Jsut 在layoutSubviews 中调用它，因为所有子视图现在都有它的真实框架

  override func layoutSubviews() {
              super.layoutSubviews()
                profileImageView.layer.cornerRadius = profileImageView.frame.height / 2
            profileImageView.clipsToBounds = true
            mainView.layer.cornerRadius = 15
    }