用石英绘制图形的平滑线条

Question

我正在使用Quartz执行图表，遵循此tutorial。

这是我硬编码的课程：

#import "GraphView.h"

#define kGraphHeight 110
#define kDefaultGraphWidth 900
#define kOffsetX 0
#define kStepX 50
#define kStepY 50
#define kOffsetY 10
#define kGraphBottom 110
#define kGraphTop 0
#define kBarTop 10
#define kBarWidth 40
#define kCircleRadius 3

@implementation GraphView

float data[] = {0.7, 0.4, 0.9, 1.0, 0.2, 0.85, 0.11, 0.75, 0.53, 0.44, 0.88, 0.77, 0.99, 0.55};

- (void)drawLineGraphWithContext:(CGContextRef)ctx
{
    CGContextSetLineWidth(ctx, 0.2);
    CGContextSetStrokeColorWithColor(ctx, [[UIColor colorWithRed:1.0 green:0.5 blue:0 alpha:1.0] CGColor]);

    int maxGraphHeight = kGraphHeight - kOffsetY;

    CGContextBeginPath(ctx);
    CGContextMoveToPoint(ctx, kOffsetX, kGraphHeight - maxGraphHeight * data[0]);
    for (int i = 1; i < sizeof(data); i++)
    {
        CGContextAddLineToPoint(ctx, kOffsetX + i * kStepX, kGraphHeight - maxGraphHeight * data[i]);
    }
    CGContextDrawPath(ctx, kCGPathStroke);
    CGContextSetFillColorWithColor(ctx, [[UIColor colorWithRed:1.0 green:0.5 blue:0 alpha:1.0] CGColor]);
}

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetAllowsAntialiasing(context, true);
    for (int i = 0; i < sizeof(data); i++)
    {
        [self drawLineGraphWithContext:context];
    }
}

@end

这就是结果：

正如您所看到的，线条不能再平滑。它们看起来并不好看。尝试抗锯齿但没有改变，我怎样才能提高线条质量？

谢谢！

Answer 1

您的线宽应为2.0，而不是0.2。很难为你画出一条体面的小线。

此外，您似乎正在绘制图形n次，其中n是您的数据点数 - 您在drawRect和drawInContext方法中有一个for循环。

您不需要设置任何抗锯齿，默认情况下应该看对了。