我如何使用@designable 在情节提要上看到这个设计

Question

我正在使用遮罩。

我的代码：

class ViewController: UIViewController {

    @IBOutlet weak var firstImageView: UIImageView!
    @IBOutlet weak var seconImageView: UIImageView!


    let maskView = UIImageView()
    let maskView2 = UIImageView()

    override func viewDidLoad() {
        super.viewDidLoad()

        maskView.image = UIImage(named: "Up")
        maskView2.image = UIImage(named: "Down")
        firstImageView.mask = maskView
        seconImageView.mask = maskView2
    }

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        maskView.frame = firstImageView.bounds
        maskView2.frame = seconImageView.bounds
    }
}

UIImageView 代码：

UIImageView 类。我看不到这个设计。我能怎么做 ？我添加了自定义类但没有用

@IBDesignable
class FirstImageView: UIImageView {

    var maskkView: UIImageView!

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

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

    override func layoutSubviews() {
        super.layoutSubviews()

        maskkView.image = UIImage(named: "mask")
        mask = maskkView
        maskkView.frame = bounds
    }

}

故事板：

模拟器：

我如何使用@designable 在情节提要上看到这个设计。

Answer 1

我添加了自定义类但没有用

我向你保证，在 layoutSubviews 中屏蔽 IBDesignable UIImageView 确实有效。示例：

@IBDesignable
class MyImageView : UIImageView {
    override func layoutSubviews() {
        super.layoutSubviews()
        let lay = CAShapeLayer()
        lay.frame = self.bounds
        lay.path = UIBezierPath(ovalIn: self.bounds).cgPath
        self.layer.mask = lay
    }
}

结果：

我怀疑你的代码的问题是你试图在你的IBDesignable 代码中使用UIImage(named:) 从包中加载图像；我的猜测是那行不通。 IBDesignable 代码只是在情节提要渲染时运行的一些东西；它不能表现得好像它是真正正在运行的应用程序。