应用渐变时按钮拉伸

Question

首先，我为情节提要中的按钮设置了约束。然后，我在代码中对其进行了编辑以使其看起来不错。 当我将渐变功能应用于按钮时，它会变得比以前大。你如何解决这个问题？

extension UIView {
    func applyGradient(colours: [UIColor]) -> Void {
        self.applyGradient(colours, locations: nil)
    }

    func applyGradient(colours: [UIColor], locations: [NSNumber]?) -> Void {
        let gradient: CAGradientLayer = CAGradientLayer()
        gradient.frame = self.bounds
        gradient.colors = colours.map { $0.CGColor }
        gradient.locations = locations
        self.layer.insertSublayer(gradient, atIndex: 0)
    }
}

我只是将它应用在一个按钮上，然后.. Here is the pic...

现在看起来像这样......渐变边界没有做任何事情It goes way outside framePLZPLZPLZ 尝试帮助我 :) 到目前为止我很感激你的帮助

Answer 1

将self.layer.masksToBounds = true 添加到函数中。这意味着您添加的子图层不会在按钮的原始框架之外绘制

编辑： 如果您还想要阴影，则需要将 self.layer.masksToBounds 设置为 false，因为它也会剪切阴影。

试试gradient.frame = self.layer.bounds 可以吗？