Question

我有UITableView我的单元格backgroundView是UIImageView。我希望每个图像的顶部都淡入黑色，这样我就可以覆盖一些白色文本。

我看过像this这样的答案，但似乎都没有。

在tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)我尝试过：

var imageView = UIImageView(image: image)

var gradient: CAGradientLayer = CAGradientLayer()
gradient.frame = imageView.frame
gradient.colors = [UIColor.blackColor(), UIColor.clearColor()]
gradient.locations = [0.0, 0.1]
imageView.layer.insertSublayer(gradient, atIndex: 0)

cell!.backgroundView = imageView

但是当我删除渐变代码时，我看不到渐变，也没有区别。我的渐变是否位于图像下方？

如果我将行imageView.layer.insertSublayer(gradient, atIndex: 0)替换为imageView.layer.mask = gradient，那么我的单元格只是空白和白色（不再是图像）。

Answer 1

在您的gradient.colors中，您需要拥有CGColor数组，所以：

gradient.colors = [UIColor.blackColor().CGColor, UIColor.clearColor().CGColor]

Answer 2

我忘记了图层数组是如何排序的。但是，您应该使用addSubLayer在图像视图的图层顶部添加渐变图层，而不是insertSublayer：atIndex：您希望渐变图层位于另一个图层的顶部，以便它的非不透明部分覆盖图像视图。

Answer 3

对于Swift 3.0，需要进行一些轻微的调整：

    let gradient: CAGradientLayer = CAGradientLayer()
    gradient.frame = imageView.frame
    gradient.colors = [UIColor.black.cgColor, UIColor.clear.cgColor]
    gradient.locations = [0.0, 0.1]
    imageView.layer.insertSublayer(gradient, at: 0)

iOS在UIImageView顶部淡入黑色

3 个答案: