UICollectionView 圆角 imageView

Question

我在 UICollectionView 单元中有一个 UIImageView。

我希望 uicollectionview 中每列有 2 个单元格，所以我使用了这段代码....

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    let padding: CGFloat = 25
    let collectionCellSize = collectionView.frame.size.width - padding

  return CGSize(width: collectionCellSize/2, height: collectionCellSize/2)

}

对于图像视图，我希望它是圆形的，并且此代码通常适用于其他地方..

self.accountImageView.layer.cornerRadius = frame.size.width/2
self.accountImageView.clipsToBounds = true

我试过把它放在 cellForItemAt 中，但没有成功

现在我在 CollectionView 单元类中添加了它

override func layoutSubviews() {
  super.layoutSubviews()

    self.accountImageView.layer.cornerRadius = frame.size.width/2
    self.accountImageView.clipsToBounds = true

}

图像看起来像一个瘪了的足球。

填充代码是否弄乱了圆形图像视图代码？

Answer 1

您需要添加self.accountImageView.layoutIfNeeded()。
并确保 imageview 的高度和宽度相等

override func layoutSubviews()
{
    super.layoutSubviews()

    self.accountImageView.layoutIfNeeded()       // add this
    self.accountImageView.layer.cornerRadius = frame.size.width/2
    self.accountImageView.clipsToBounds = true

}

Answer 2

如果你正在使用约束，那么试试这个 -

override func layoutSubviews() {
 super.layoutSubviews()
 self.accountImageView.layoutIfNeeded() // Add this line

 self.accountImageView.layer.cornerRadius = frame.size.width/2
 self.accountImageView.clipsToBounds = true

}