如何在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而不是按钮,则会出现类似的问题,则渐变不会应用于所有帧... 可能是什么问题呢?解决办法?

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

jinjbnu 回答:如何在Swift中向UIButton添加渐变?

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

unsigned long long

gradient.frame = myButton.frame


面临该问题的原因是,当您使用视图/按钮的gradient.frame = myButton.bounds属性时,它提供了视图/按钮相对于其超级视图的原点,可以是任何东西。

使用.frame属性时,原点基于其自己的视图空间,该视图空间在大多数情况下会以(0,0)点作为原点。但并非总是如此,这使我达成了以下共识,


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

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

.bounds
,

我正在使用此自定义按钮样式来设置渐变。

import UIKit

class CustomButton: UIButton {

    init() {
        super.init(frame: .zero)
        customInit()
    }

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

    private func customInit() {
        setupGradient()
    }

    private func setupGradient() {
        let gradient = CAGradientLayer()
        gradient.name = "gradient"
        gradient.frame = self.bounds
        gradient.cornerRadius = self.layer.cornerRadius

        gradient.colors = [
            UIColor(red: 1.00,green: 0.41,blue: 0.35,alpha: 1.0).cgColor,UIColor(red: 1.00,green: 0.00,blue: 0.67,alpha: 1.0).cgColor
        ]

        gradient.locations = [0,1]
        gradient.startPoint = CGPoint(x: 0,y: 0)
        gradient.endPoint = CGPoint(x: 1,y: 1)

        self.layer.insertSublayer(gradient,at: 0) // insert to the back
    }
}
本文链接:https://www.f2er.com/3063805.html

大家都在问