如何将渐变添加到UIView作为扩展

Question

我试图在Xcode中为视图添加一些渐变,为了简单起见,我尝试将我的方法添加为UIView的扩展:

extension UIView {
    func applyGradient() {
        let gradient = CAGradientLayer()
        gradient.colors = [UIColor(hex: "F5FF8C").cgColor,
                           UIColor(hex: "F1F99D").cgColor,
                           UIColor(hex: "FDFFE0").cgColor]
        gradient.locations = [0.0, 0.5, 1.0]

        self.layer.insertSublayer(gradient, at: 0)
    }
}

但显然当我在我的电话中说这不起作用时viewDidLoad:

self.myView.applyGradient()

有人能指出我做错了什么吗？

Answer 1

在这个问题中,你根本没有设置框架.在评论中,您的框架设置不正确.这是应该正常工作的代码:

extension UIView {
    func applyGradient() {
        let gradient = CAGradientLayer()
        gradient.colors = [UIColor.red.cgColor,
                           UIColor.green.cgColor,
                           UIColor.black.cgColor]   // your colors go here
        gradient.locations = [0.0, 0.5, 1.0]
        gradient.frame = self.bounds
        self.layer.insertSublayer(gradient, at: 0)
    }
}

使用您的代码:

使用修改后的代码:

说明

gradient.frame.size = self.frame.size不起作用,同时gradient.frame = self.bounds,因为frame属性包含视图的位置和大小,即使您设置渐变的帧大小,也不指定渐变的位置...所以渐变从不实际上已添加到视图中.通过将frame属性直接设置为视图的边界,还可以在视图中添加渐变的位置.