时间戳

首页 > 解决方案 > 如何在 Swift 中为 UIButton 添加渐变？

swift - 如何在 Swift 中为 UIButton 添加渐变？

问题描述

我已阅读其他问题和答案，但没有找到适合我的有效答案。

我正在使用此代码使用图层向 UIButton 添加渐变：

let gradient = CAGradientLayer()
gradient.colors = [UIColor.black.cgColor, UIColor.gray.cgColor]
gradient.locations = [0.0, 1.0]
myButton.setNeedsLayout() //I added this line then change next line to frame
gradient.frame = myButton.frame //I tried bounds
myButton.layer.insertSublayer(gradient, at: 0)

该按钮有时会显示出框架按钮的渐变。如果我将相同的代码应用于 UITabbar 而不是按钮，则会出现类似的问题，渐变 ins 并没有应用于所有帧......可能是什么问题？和解决方案？

Y 无法通过应用程序的架构从 layoutSubviews 加载渐变。

标签： swiftlayoutuibuttongradientframe

解决方案

要解决您的问题，您通常可以更改以下代码行，

gradient.frame = myButton.frame

至

gradient.frame = myButton.bounds

您遇到问题的原因是，当您使用视图/按钮的.frame属性时，它提供了视图/按钮相对于其父视图的来源，可以是任何东西。

当您使用该.bounds属性时，原点基于其自己的视图空间，大多数情况下都会将 (0,0) 点作为原点。但并非总是如此，这使我得出以下共识，

该解决方案在使用自动布局时可能仍会遇到问题，因为布局引擎可以在应用渐变后更改按钮的大小。

一个优雅的解决方案是拥有一个自定义按钮类，该类将应用于所有应用了渐变的按钮。当视图更新布局时，此类应调整渐变大小。

class GradientButton: UIButton {
    override func layoutSubviews() {
        super.layoutSubviews()
        updateGradientLayers()
    }

    private func updateGradientLayers() {
        guard let sublayers = layer.sublayers else { return }
        for layer in sublayers {
            if let gradientView = layer as? CAGradientLayer {
                gradientView.frame = bounds
            }
        }
    }
}

推荐阅读