ios - 应用渐变后获得透明的 UIButton

Question

我正在通过尝试开发一个应用程序来学习Swift。我想通过添加渐变层来设计一个按钮，但问题是它没有出现在屏幕上。当我单击它应该出现的位置时，它就会发挥作用。

extension UIColor {
    convenience init(red: Int, green: Int, blue: Int) {
        assert(red >= 0 && red <= 255, "Invalid red component")
        assert(green >= 0 && green <= 255, "Invalid green component")
        assert(blue >= 0 && blue <= 255, "Invalid blue component")

        self.init(red: CGFloat(red) / 255.0, green: CGFloat(green) / 255.0, blue: CGFloat(blue) / 255.0, alpha: 1.0)
}

convenience init(rgb: Int) {
    self.init(
        red: (rgb >> 16) & 0xFF,
        green: (rgb >> 8) & 0xFF,
        blue: rgb & 0xFF
    )
}

}

extension UIButton
{
    func applyGradient(colors: [CGColor])
{
       let gradientLayer = CAGradientLayer()
       gradientLayer.colors = colors
       gradientLayer.startPoint = CGPoint(x: 0, y: 0)
       gradientLayer.endPoint = CGPoint(x: 1, y: 1)
       gradientLayer.frame = self.bounds
       self.layer.addSublayer(gradientLayer)
}

lazy var loginButton: UIButton = {
    let button = UIButton(type: .system)
    let color1 = UIColor(red: 26, green: 41, blue: 128)
    let color2 = UIColor(red: 38, green: 208, blue: 206)
    button.applyGradient(colors: [color1.cgColor, color2.cgColor]) 
    button.setTitle("Log in", for: .normal)
    button.titleLabel?.font = UIFont.boldSystemFont(ofSize: 16)
    button.setTitleColor(.black, for: .normal)

    button.addTarget(self, action: #selector(handleButtonLogin), for: .touchUpInside)

    return button
}()

实际上，它应该说登录(白色)，带有蓝色到绿色的渐变层。如果我将登录标题颜色设置为黑色。当我运行代码时我可以看到它。

Answer 1

你只是错过了框架

loginButton.frame = self.view.frame
self.view.addSubview(loginButton) 
loginButton.applyGradient(colors: [UIColor.red.cgColor,UIColor.blue.cgColor])

//

同时更改此行

self.layer.addSublayer(gradientLayer)

至

self.layer.insertSublayer(gradientLayer, at: 0) 

不要隐藏按钮的标题

//