透明视图是黑色的？

Question

我正在尝试创建一个在某些位置透明的视图，以查看后面的图像。但是，由于某种原因，在视图的透明部分，我看到的是黑色，而不是视图后面的内容。我已将其缩减为非常少的代码，并且不明白为什么我的透明视图显示黑色而不是红色（后面视图的颜色）。这是我的代码：

class ViewController: UIViewController {

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        let redView = UIView(frame: view.frame)
        redView.backgroundColor = UIColor.red
        let transparentView = TransparentView(frame: view.frame)

        view.addSubview(redView)
        view.addSubview(transparentView)
    }
}

class TransparentView: UIView {

    override func draw(_ rect: CGRect) {
        UIColor.clear.setFill()
        UIRectFill(rect)
}

我希望屏幕是全红的，但它却显示全黑。在有人说清晰视图要容易得多之前，我实际上是在尝试在 drawRect 中做更复杂的事情，只是下降到最基本的事情来尝试调试我的问题。我在这里错过了什么？

Answer 1

使用self.isOpaque = false; 使视图/层透明，即使drawRect 被覆盖。

class TransparentView: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame);

        self.isOpaque = false;  //Use this..
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func draw(_ rect: CGRect) {
        UIColor.clear.setFill()
        UIRectFill(rect)
    }
}

Answer 2

我想通了。显然，即使您覆盖draw，似乎仍会考虑背景颜色，并且默认为黑色。我在透明视图类中添加了以下内容：

override init(frame: CGRect) {
    super.init(frame: frame)

    backgroundColor = UIColor.clear
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

Answer 3

“drawRect：如果你的视图绘制自定义内容，实现这个方法。如果你的视图不做任何自定义绘制，避免覆盖这个方法。” Link

正如你所说的那样，在初始化时设置背景颜色会更好。

override init(frame: CGRect) {
    super.init(frame: frame)

    backgroundColor = UIColor.clear
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

就我个人而言，我不会为这么少的自定义子类化视图。只需在创建时设置它。视图设置在 viewDidLoad 上更好，而不是在 viewWillAppear 上。因为它会在每次您的视图进入前台时执行，并且您将以添加两个透明视图结束。 此外，将这些行保留在具有私有函数的扩展中有助于保持代码清晰。

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        setupViews()
    }
}


//MARK: - Private Methods
extension ViewController{
    fileprivate func setupViews(){
       let redView = UIView(frame: view.frame)
       redView.backgroundColor = UIColor.red
       view.addSubview(redView)

       let transparentView = UIView(frame: view.frame)
       transparentView.backgroundColor = UIColor.clear
       view.addSubview(transparentView)
    }
}

请注意，更清晰的方法是在情节提要中创建这些视图（而不是通过代码）。保持代码清晰，更容易理解和查看发生了什么。