带核心图形的带状图（图表）

Question

我正在使用核心图形生成一个经典的线图，它渲染和工作得很好。 有几行使用“layer.zPosition”依次堆叠

-(void)drawRect:(CGRect)rect {



        float colorChange = (0.1 * [self tag]);

        theFillColor = [UIColor colorWithRed:(colorChange) green:(colorChange*0.50) blue:colorChange alpha:0.75f].CGColor;


        CGContextRef c = UIGraphicsGetCurrentContext();
        CGFloat white[4] = {1.0f, 1.0f, 1.0f, 1.0f};    
        CGContextSetFillColorWithColor(c, theFillColor);
        CGContextSetStrokeColor(c, white);
        CGContextSetLineWidth(c, 2.0f);
        CGContextBeginPath(c);
        //
        CGContextMoveToPoint(c, 0.0f, 200-[[array objectAtIndex:0] floatValue]);
        CGContextAddLineToPoint(c, 0.0f, 200-[[array objectAtIndex:0] floatValue]);
        //
        distancePerPoint = (rect.size.width / [array count]);
        float lastPointX = 750.0;
        for (int i = 0 ; i < [array count] ; i++)
        {


            CGContextAddLineToPoint(c, (i*distancePerPoint), 200-[[array objectAtIndex:i] floatValue]);


            lastPointX = (i*distancePerPoint);
        }
        //
        CGContextAddLineToPoint(c, lastPointX, 200.0);
        CGContextAddLineToPoint(c, 0, 200);
        CGContextClosePath(c);
        //
        //CGContextFillPath(c);
        CGContextDrawPath(c, kCGPathFillStroke);
        //CGContextDrawPath(c, kCGPathStroke);

    }

（上面的代码生成以下结果）：

（如果需要，我可以发布我用于 3d 效果的代码，但我这样做的方式一般是由 CATransform3DrotationAndPerspectiveTransform = CATransform3DIdentity;)

问题： 如何将折线图转换为具有深度？ 我希望线图具有“深度”（从而使它们成为丝带），因为稍后我想使用旋转和透视变换来表示它们（如上所述）

Answer 1

您无法轻松使用 Core Graphics 或 Core 动画，因为 CALayers 是“平面”的 - 它们的工作方式类似于折纸，您可以通过在 3D 空间中连接矩形来制作 3D 结构，但不能拥有任意多边形 3D 形状。

实际上这并不完全正确，您可以考虑使用 CAShapeLayers 进行绘图，然后以 3D 方式操作它们，但我认为计算每个形状的位置并让边缘对齐通常是一项非常艰巨的工作正确地起来。

实际上，制作这种 3D 结构的方法是直接使用 OpenGL。

如果您不太熟悉低级 OpenGL 编程，您可能需要查看 Galaxy Engine 或 Cocos3D。