ios - 在 ios 中绘制图像渐变

Question

如何以编程方式创建渐变颜色，如下图所示。

Answer 1

当您说“将其作为渐变应用到图像上”时，您的意思是作为蒙版(在顶部显示图像，在底部将图像淡化为透明)吗？如果是这种情况，您可以使用 CAGradientLayer 将该渐变作为蒙版应用:

CAGradientLayer *gradientMask = [CAGradientLayer layer];
gradientMask.frame = self.imageView.bounds;
gradientMask.colors = @[(id)[UIColor whiteColor].CGColor,
                        (id)[UIColor clearColor].CGColor];
self.imageView.layer.mask = gradientMask;

---

上面做了一个简单的垂直渐变(因为默认是垂直的，线性渐变)。但是您询问了 startPoint、endPoint 和 locations。例如，如果您希望水平应用蒙版，您可以:

gradientMask.startPoint = CGPointMake(0.0, 0.5);   // start at left middle
gradientMask.endPoint = CGPointMake(1.0, 0.5);     // end at right middle

如果你想有两个渐变，一个在前 10%，另一个在最后 10%，你会这样做:

gradientMask.colors = @[(id)[UIColor clearColor].CGColor,
                        (id)[UIColor whiteColor].CGColor,
                        (id)[UIColor whiteColor].CGColor,
                        (id)[UIColor clearColor].CGColor];
gradientMask.locations = @[@0.0, @0.10, @0.90, @1.0];

---

如果您想要一个简单的渐变本身(而不是作为蒙版)，您可以创建一个 View ，然后向其中添加渐变层:

CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = view.bounds;
gradient.colors = @[(id)[UIColor whiteColor].CGColor,
                    (id)[UIColor blackColor].CGColor];
[view.layer addSublayer:gradient];

查看 CAGradientLayer class reference .