Графики рисования плавных линий с помощью кварца - PullRequest
Новая
       51

Графики рисования плавных линий с помощью кварца

1 голос
/ 02 апреля 2012

Я делаю график с Quartz, следуя этому уроку .

Это мой жестко запрограммированный класс: 

#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

И вот результат:

enter image description here

Как видите, линии не могут быть менее плавными. Они не очень хорошо выглядят. Пробовал с сглаживанием, но ничего не изменилось, как я могу улучшить качество линий?

Спасибо!

1 Ответ

3 голосов
/ 02 апреля 2012

Ваша ширина линии должна быть 2,0, а не 0,2.Будет трудно нарисовать вам приличную маленькую линию.

Также кажется, что вы рисуете график n раз, где n - ваше количество точек данных - у вас есть цикл for в вашем drawRect и в вашем методе drawInContext.

Вам не нужно устанавливать сглаживание, по умолчанию вы должны видеть это правильно.

...