添加了渐变的 UIButton 被切断

Question

所以我通过扩展将渐变应用到 UIButton：

extension UIButton {

    func addGradient(withColors colors:[CGColor]) {
      let layer_: CAGradientLayer = CAGradientLayer()
      layer_.frame = self.bounds
      layer_.colors = colors
      layer_.shouldRasterize = true
      layer_.rasterizationScale = UIScreen.main.scale
      self.layer.insertSublayer(layer_, at: 0)
    }

}

通过以下方式将其应用于 UIButton：

@IBOutlet weak var startButton: UIButton! {
    didSet {
        startButton.backgroundColor = ECConstants.GenericColors.buttonOrange
        startButton.setTitleColor(UIColor.white, for: .normal)
        startButton.addGradient(withColors: [UIColor.white.withAlphaComponent(0.3).cgColor, UIColor.clear.cgColor])
    }
}

不幸的是，在 iPad Pro 12.9 英寸 (iOS 10.1) 上，它似乎缩短了按钮的宽度。我也尝试在 viewDidLoad 中应用它，但无济于事。

所以我的问题是如何让渐变一直穿过？或者哪里是设置渐变的最佳位置？

Answer 1

为按钮添加渐变的扩展是正确的，您需要修复的是设置渐变的位置。

移动

startButton.backgroundColor = ECConstants.GenericColors.buttonOrange
startButton.setTitleColor(UIColor.white, for: .normal)
startButton.addGradient(withColors: [UIColor.white.withAlphaComponent(0.3).cgColor, UIColor.clear.cgColor])

到viewDidAppear 或viewDidLayoutSubviews

这是因为一旦调用了viewDidAppear()，就会计算所有视图的大小。

粗糙度：（支持设备旋转）

确保在viewDidLayoutSubviews() 中重新计算子层大小。您的按钮将在设备旋转时更改大小，因此您还需要手动更改子层大小。