ios - View 渐变的背景颜色

Question

我对 tableViewCell 中的 View 有疑问。所以我有一个 tableViewCell，在里面我有一个 UIView，我称之为“containerView”。现在我希望 containerView 的背景是从浅灰色到深灰色的渐变。在下面的代码中，您可以看到我是如何设置图层和所有内容的，但是由于某种原因，带有渐变的“backgroundColor”有点偏向右侧和向下。希望你能帮我解决这个问题，这是我第一次使用渐变，所以请耐心等待 :D

import UIKit

class customCell: UITableViewCell {

@IBOutlet var containerView: UIView!


override func awakeFromNib() {
    super.awakeFromNib()
    // Initialization code
    let layerView = UIView()
    layerView.layer.frame = containerView.layer.frame
    let layer = CAGradientLayer()
    layer.frame = containerView.layer.frame
    layer.colors = [UIColor.lightGrayColor().CGColor, UIColor.darkGrayColor().CGColor]
    layerView.layer.addSublayer(layer)
    containerView.addSubview(layerView)
    containerView.sendSubviewToBack(layerView)

  }
}

Answer 1

这就是我将渐变颜色指定为自定义单元格背景的方式

let startingColorOfGradient = UIColor(colorLiteralRed: 217/255, green: 90/255, blue: 57/255, alpha: 1.0).CGColor
    let endingColorOFGradient = UIColor(colorLiteralRed: 227/255, green: 214/255, blue: 42/255, alpha: 1.0).CGColor
    let gradient: CAGradientLayer = CAGradientLayer()

    gradient.frame = bounds
    gradient.startPoint = CGPoint(x: 0.5, y: 0.0)
    gradient.endPoint = CGPoint(x: 0.5, y:1.0)
    gradient.colors = [startingColorOfGradient , endingColorOFGradient]
    // backGroundView is a View I have placed on my cell as container
    self.backGroundView.layer.insertSublayer(gradient, atIndex: 0)