objective-c - 带渐变填充的 Delaunay 三角剖分？

Question

我正在尝试重新创建类似这种形状的东西 - http://www.creativeapplications.net/wp-content/uploads/2010/09/horizon_02_1024x768.png - 在 iOS 上使用 UIKit 或 CoreGraphics。

图中的这个是用 openFrameworks 完成的，它确实可以在 iOS 上运行。不过，我想在不使用 oF 的情况下构建相同的内容，这样我就可以将其全部保留为原生。

我假设该形状是通过 Delaunay 三角测量创建的，我可以在 Objective-C 中执行此操作。问题是用渐变而不是普通的 UIColor 填充形状!

有没有一种方法可以在 iPad 上以良好的性能本地完成类似的事情，或者我应该使用 openFrameworks 来完成它并将其作为一个层引入到应用程序中？

Answer 1

你是问如何用渐变填充三角形吗？下面的代码就是这样做的。要使其正常工作，您需要添加 QuartzCore 框架，并且

#import <QuartzCore/QuartzCore.h>

代码创建一个三角形的形状图层，然后将其用作渐变图层的 mask 。希望这会有所帮助。

- (void)drawRect:(CGRect)rect
{
    CGFloat w = self.bounds.size.width / 4;
    CGFloat h = self.bounds.size.height / 4;
    CGFloat x = w * 2;
    CGFloat y = h;
    CGMutablePathRef path = CGPathCreateMutable();
    CGPathMoveToPoint(path,NULL, x, y);
    CGPathAddLineToPoint(path, NULL, x+w, y+2*h);
    CGPathAddLineToPoint(path, NULL, x-w, y+2*h);
    CGPathCloseSubpath(path);


    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.frame = CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height);
    [shapeLayer setPath:path];

    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height);
    gradientLayer.startPoint = CGPointMake(0.25, 1.0);
    gradientLayer.endPoint = CGPointMake(0.75, 0.0);
    UIColor *startColour = [UIColor redColor];
    UIColor *endColour = [UIColor greenColor];
    gradientLayer.colors = [NSArray arrayWithObjects:(id)[startColour CGColor], (id)[endColour CGColor], nil];

    [gradientLayer setMask:shapeLayer];

    [self.layer addSublayer:gradientLayer];

    CGPathRelease(path);
}