ios - 如何创建渐变

Question

我有这段代码可以创建渐变背景

CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = self.bounds;
UIColor *startColour = [UIColor colorWithHexString:@"#bcdef6"];
UIColor *endColour = [UIColor colorWithHexString:@"#fad7e6"];
UIColor *middleColor = [UIColor colorWithHexString:@"#ffffff"];

gradient.colors = [NSArray arrayWithObjects:(id)[startColour CGColor],(id)middleColor, (id)[endColour CGColor], nil];
gradient.endPoint = CGPointMake(1, 0);
gradient.startPoint = CGPointMake(0, 1);
[self.layer insertSublayer:gradient atIndex:0];

如何去除中间的灰色效果？

这是期望的结果:

这是实际结果:

Answer 1

我可以看到你的颜色数组有一个错误，你没有采用中间颜色(白色)的 CGColor。通过将数组更改为此，我可以获得您想要的结果。

gradient.colors = @[(id)startColour.CGColor, (id)middleColor.CGColor, (id)endColour.CGColor];

通过调整渐变位置，您还可以看到更多的蓝色和粉红色，这样可以产生更好的效果。

gradient.locations = @[@0.2f, @0.5f, @0.8f];