Подтвердить что ты не робот

Core Graphics - рисование линии под углом

Я искал борьбу с этим какое-то время и нуждаюсь в некоторой помощи. Я просто хочу нарисовать 25 строк из центра моего дисплея (160,200) при 14,4 градусах. Я использовал эту строку кода в цикле for, где x - множитель 14.4 степени -

    UIImage*backgroundImage = [UIImage imageNamed:@"Primate Background Only.png"];
[backgroundImage drawInRect:CGRectMake(0, 0, 320, 480)];

//Рисование внешнего круга

rect = CGRectMake(0.0, 35.0, 320.0, 320.0);     
CGContextRef contextRef = UIGraphicsGetCurrentContext();                // Get the contextRef
CGContextSetLineWidth       (contextRef, 0.5);                  // Set the border width
CGContextSetRGBFillColor    (contextRef, (219.0f/255.0f), (219.0f/255.0f), (219.0f/255.0f), 0.05f);             // Set the circle fill color to GREEN
CGContextSetRGBStrokeColor  (contextRef, 0.0, 0.0, 0.0, 0.2);           // Set the circle border color to BLACK     
CGContextFillEllipseInRect      (contextRef, rect);                 // Fill the circle with the fill color
CGContextStrokeEllipseInRect    (contextRef, rect);                 // Draw the circle border

//Нарисуем внутренний круг

rect = CGRectMake(25.0, 60.0, 270.0, 270.0);                        // Get the contextRef
CGContextSetLineWidth       (contextRef, 0.5);                  // Set the border width
CGContextSetRGBFillColor    (contextRef, (219.0f/255.0f), (219.0f/255.0f), (219.0f/255.0f), 0.25f);
CGContextSetRGBStrokeColor  (contextRef, 0.0, 0.0, 0.0, 0.2);           // Set the circle border color to BLACK     
CGContextFillEllipseInRect      (contextRef, rect);                 // Fill the circle with the fill color
CGContextStrokeEllipseInRect    (contextRef, rect);

//Рисование сегментов

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, 0.0, 0.0);           
    for (x=1; x<26; x++) {  

        CGContextSetLineWidth       (context, 0.5);
        CGContextSetRGBStrokeColor  (context, 0.0, 0.0, 0.0, 0.25);
        CGContextMoveToPoint        (context, 160, 200);                
        CGContextAddLineToPoint     (context, (160.0 * (cos((x*14.4)*(M_PI/180)))), (160.0 * (sin((x*14.4)*(M_PI/180)))));                      //  The angle is in degrees
        CGContextAddLineToPoint     (context, 200, 65);
        CGContextAddLineToPoint     (context, 160, 200);            
        CGContextStrokePath(context);                           // Why is this not showing both line color and infill?
        CGContextSetFillColorWithColor   (context, [UIColor whiteColor].CGColor);       
        CGContextFillPath           (context);
        CGContextRef context = UIGraphicsGetCurrentContext();
    }

(Я намеревался опубликовать изображение здесь, но это не позволит мне!)

Кто-то может исправить мои триггерные функции. Это предназначено для того, чтобы нарисовать 25 строк по часовой стрелке с 12:00 до 24:00. Вместо этого он обращается назад только на 90 градусов, а затем возвращается, все линии также выходят в длину.

Очень благодарен

Выше - это более крупный образец кода, используемый для рисования внешних кругов и внутренних сегментов по запросу. Я попытаюсь загрузить изображение следующим образом.

enter image description here

4b9b3361

ОТВЕТЫ

Ответ 1

Основная проблема заключается в этой строке кода:

CGContextAddLineToPoint(context, (160.0 * (cos((x*14.4)*(M_PI/180)))), 
                                (160.0 * (sin((x*14.4)*(M_PI/180)))));

это должно быть:

CGContextAddLineToPoint(context, 160 + (160.0 * (cos((x*14.4)*(M_PI/180)))), 
                                200 + (160.0 * (sin((x*14.4)*(M_PI/180)))));

Как вы изначально писали, строки были оттянуты относительно 0,0, но вы хотите рисовать относительно вашей центральной точки (160, 200).

Следующие две строки также немного подозрительны:

        CGContextAddLineToPoint     (context, 200, 65);
        CGContextAddLineToPoint     (context, 160, 200);

Мне непонятно, что вы пытались сделать здесь, но это закончило бы вычерчивание линии от конца каждой руки до фиксированной точки (200,65), а оттуда обратно к вам - центральную точку, которая почти наверняка не то, что вы намеревались! Попробуйте прокомментировать эти строки, подтвердите, что "руки" рисуются правильно и берут их оттуда...

Надеюсь, что это ясно.

Если вы сделаете эти исправления, ваш экран будет выглядеть примерно так: Screenshot