如何将圆形遮罩应用于 UIImageView

Question

我已阅读其他问题，为了将圆形遮罩应用于 UIImageView 我应该这样做：

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

但由于某种原因，当我这样做时，我的图像就被隐藏了。当我删除应用蒙版的代码时，图像完美显示，但应用蒙版后没有任何显示。

我不知道是不是因为 UIImageView 在另一个 UIView 中，但我不明白为什么这不起作用。

这些是我用来处理图像的文件：

import UIKit

class ChatViewController: UIViewController {

    var v: ChatOverview!

    init () {
        super.init(nibName: nil, bundle: nil)

        self.title = "Chat"
        self.tabBarItem.image = UIImage(named: "Chat")
        self.tabBarItem.title = "Chats"
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        v = ChatOverview(
            withName: "Mariano Rajoy",
            andImage: UIImage(named: "Rajoy")!
        )
        self.view.addSubview(v)

        NSLayoutConstraint.activate([
            v.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
            v.centerYAnchor.constraint(equalTo: self.view.centerYAnchor),
            v.widthAnchor.constraint(equalToConstant: 200),
            v.heightAnchor.constraint(equalToConstant: 200)
        ])
    }

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        self.v.applyCircleMask()
    }

}

以及 ChatOverview 类的定义：

import UIKit

class ChatOverview: UIView {

    var image: UIImage!
    var imageView: UIImageView!

    init (withName name: String, andImage image: UIImage) {
        super.init(frame: CGRect(x: 0, y: 0, width: 0, height: 0))

        self.image = image

        self.isOpaque = false
        self.translatesAutoresizingMaskIntoConstraints = false

        self.imageView = UIImageView(image: self.image)
        self.imageView.contentMode = .scaleAspectFit
        self.imageView.translatesAutoresizingMaskIntoConstraints = false
        self.addSubview(imageView)

        NSLayoutConstraint.activate([
            self.imageView.centerXAnchor.constraint(equalTo: self.centerXAnchor),
            self.imageView.centerYAnchor.constraint(equalTo: self.centerYAnchor),
            self.imageView.widthAnchor.constraint(equalTo: self.widthAnchor),
            self.imageView.heightAnchor.constraint(equalTo: self.heightAnchor)
        ])
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    func applyCircleMask () {
        self.imageView.layer.cornerRadius = self.imageView.frame.size.width / 2.0
        self.imageView.clipsToBounds = true
    }

}

Answer 1

代替 clipsToBounds，使用：

self.imageView.layer.masksToBounds = true