Создать круг с несколькими цветами

Question

I m Разработка приложения iphone, и я хочу создать круг с несколькими цветами. Как скрине

м с помощью рисовать прямоугольника метод для рисования круга, но не повезло с multiplecolors.

Вы можете помочь мне?

Заранее спасибо.

Answer 1

Вы можете достичь этого эффекта, используя CAGradientLayer с круговой маской. Пример кода (предполагая, что вы используете его в каком-то виде контроллере):

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 

    CAGradientLayer *glayer = [CAGradientLayer layer]; 
    glayer.frame = CGRectMake(60.0f, 60.0f, 200.0f, 200.0f); 
    glayer.colors = @[(__bridge id)[UIColor greenColor].CGColor, 
         (__bridge id)[UIColor cyanColor].CGColor, 
         (__bridge id)[UIColor blueColor].CGColor, 
         (__bridge id)[UIColor purpleColor].CGColor, 
         (__bridge id)[UIColor redColor].CGColor, 
         (__bridge id)[UIColor orangeColor].CGColor, 
         (__bridge id)[UIColor yellowColor].CGColor]; 
    glayer.backgroundColor = [UIColor redColor].CGColor; 
    CAShapeLayer *shLayer = [CAShapeLayer layer]; 
    [shLayer setPath:CGPathCreateWithEllipseInRect(CGRectMake(0, 0, 200, 200), NULL)]; 
    [glayer setMask:shLayer]; 
    [self.view.layer addSublayer: glayer]; 
} 

Обратите внимание, что colors и locations свойства CAGradientLayer является анимируемым, так что вы можете легко добавить анимированные эффекты, используя этот подход

Answer 2

Вы можете попробовать использовать CGGradientRef и CGContextDrawLinearGradient из QuartzCore (не забыл добавить QuartzCore в свой проект и импортировать его)

создания градиента Вы можете использовать что-то вроде этого что-то подобное (в UIView подкласс):

- (void)drawRect:(CGRect)rect 
{ 
     CGContextRef ctx = UIGraphicsGetCurrentContext(); 

     CGGradientRef gradient; 
     CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();; 

     //5 is for count of colors 
     CGFloat parts[5] = { .2, .4, .6, .8, .1 }; 

     //colors for each part, so 5 parts by 4 each (r,g,b,a for each part in range 0 - 1, 1 is for 255 in regular rgb space, and alpha as usual) 
     CGFloat components[20] = { 
      .3, .24, .1, 1, 
      .3, .2, .7, 1, 
      .3, .84, .2, 1, 
      .3, .24, .3, 1, 
      .1, .5, .38, 1 
     }; 

     gradient = CGGradientCreateWithColorComponents(rgb, components, parts, 5); 

     CGPoint top = CGPointMake(CGRectGetMidX(rect), 0.0f); 
     CGPoint bottom = CGPointMake(CGRectGetMidX(rect), rect.size.height); 

     CGContextDrawLinearGradient(ctx, gradient, top, bottom, 0); 

     CGGradientRelease(gradient); 
     CGColorSpaceRelease(rgb); 

     //round shape you can archive by Vladimir's solution 
     CAShapeLayer *shLayer = [CAShapeLayer layer]; 
     [shLayer setPath:CGPathCreateWithEllipseInRect(CGRectInset(rect, 5, 5), NULL)]; 
     [self.layer setMask:shLayer]; 
}