4

设想：

我有一个@IBOutlet weak var posterImageView: UIImageView！我正在使用 Kingfisher 在我的 tableView 上显示（我必须使用它）。图像来自 API。所以，没关系，图像显示正常，但我想将此图像显示为一个圆圈。我没有这个翠鸟，它工作，使用：

posterImageView.layer.cornedRadius = posterImageView.frame.size.width/2
posterImageView.clipsToBounds = true

但是对于翠鸟，我正在这样做：

let imgStg: String = self.movies[indexPath.row].poster!
let imgURL: URL? = URL(string: imgStg)
let imgSrc = ImageResource(downloadURL: imgURL!, cacheKey: imgStg)

cell.posterImageView.kf.setImage(with: imgSrc)

在这个函数里面：

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell

所以，当我在 viewDidLoad() 上调用 posterImageView.layer.cornedRadius ... 时，xcode 说我的 TableViewController 上没有这样的 posterImageView。

如何使用此翠鸟调用自定义图像视图？

4

2 回答 2

21

如果我理解正确，我认为您应该输入代码以在cellForRowAtindexPath方法而不是 viewDidLoad 上获取圆形图像，因此：

  let imgStg: String = self.movies[indexPath.row].poster!
    let imgURL: URL? = URL(string: imgStg)
    let imgSrc = ImageResource(downloadURL: imgURL!, cacheKey: imgStg)

    cell.posterImageView.layer.cornedRadius = posterImageView.frame.size.width/2
    cell.posterImageView.clipsToBounds = true
    cell.posterImageView.kf.setImage(with: imgSrc)

编辑：只记得 KingFisher 支持圆形图像：

let processor = RoundCornerImageProcessor(cornerRadius: 20)
imageView.kf.setImage(with: url, placeholder: nil, options: [.processor(processor)])

希望这两种方法中的一种对您有用。

于 2017-04-23T18:24:16.893 回答
0

我遇到了同样的问题，然后我找到了这个解决方案，所以我想分享一下：

extension UIImageView {
    func download(url: String?, rounded: Bool = true) {
        guard let _url = url else {
            return
        }
        if rounded {
            let processor = ResizingImageProcessor(referenceSize: self.frame.size) |> RoundCornerImageProcessor(cornerRadius: self.frame.size.width / 2)
            self.kf.setImage(with: URL(string: _url), placeholder: nil, options: [.processor(processor)])
        } else {
            self.kf.setImage(with: URL(string: _url))
        }
    }
}

这里的大秘密是这条指令：

ResizingImageProcessor(referenceSize: self.frame.size)
于 2020-11-14T02:20:55.020 回答