0

我正在尝试使用我使用 KingFisher（图像缓存库）获得的圆形图像设置一个 collectionView。

我不确定应该用圆角、imageView 还是单元格本身设置什么。即使单元格是圆形的，图像似乎也填满了正方形。

到目前为止，我正在使用此代码（如果在将图像更改为正方形后未设置它）：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
...
if let path = user.profilePictureURL {
                    if let url = URL(string: path) {
                        cell.profilePictureImageView.kf.setImage(with: url)
                        cell.profilePictureImageView.layer.cornerRadius = cell.profilePictureImageView.frame.width/2.0
                    }
                }

和 ImageView ： 

class ProfilePicture : UIImageView {

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)!
        self.commonInit()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        self.commonInit()
    }

    func commonInit(){
        self.layer.masksToBounds = false
        self.layer.cornerRadius = self.layer.frame.width/2.0
        self.clipsToBounds = true
    }
}

但是第一次下载图片是这样的（单元格背景是蓝色的）

水平集合视图

4

3 回答 3

0

你可以在图像中得到一个带有 UIView 扩展名的圆圈

extension UIImage {
var circleMask: UIImage {
    let square = size.width < size.height ? CGSize(width: size.width, height: size.width) : CGSize(width: size.height, height: size.height)
    let imageView = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: 0), size: square))
    imageView.contentMode = UIView.ContentMode.scaleAspectFill
    imageView.image = self
    imageView.layer.cornerRadius = square.width/2
    //imageView.layer.borderColor = UIColor.white.cgColor
    //imageView.layer.borderWidth = 5
    imageView.layer.masksToBounds = true
    UIGraphicsBeginImageContext(imageView.bounds.size)
    imageView.layer.render(in: UIGraphicsGetCurrentContext()!)
    let result = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return result!
}}
于 2019-03-21T15:19:36.387 回答
0

你可以这样使用：

extension UIImageView {

   func setRounded() {
      let radius = CGRectGetWidth(self.frame) / 2
      self.layer.cornerRadius = radius
      self.layer.masksToBounds = true
   }
}

然后调用如下方法：

imageView.setRounded()
于 2017-03-15T10:58:55.380 回答
0

您可以通过调整高度（纵向）而不是宽度来获得一个圆圈：

self.layer.cornerRadius = self.layer.frame.height/2.0

如果您对结果不满意，则必须调整 contentMode.scaleAspect。通过调整长边，您可以获得一个圆圈，但您不会看到整个图像。

于 2017-03-15T11:00:26.947 回答