Comment puis-je changer la saturation d'un UIImage?

De départ avec une Vue basée sur le Modèle d'Application, de créer une nouvelle sous-classe de UIView comme suit:

//header file
@interface DesatView : UIView {
     UIImage *image;
     float saturation;
}
@property (nonatomic, retain) UIImage *image;
@property (nonatomic) float desaturation;
@end  

//implementation file
#import "DesatView.h"
@implementation DesatView
@synthesize image, desaturation;

-(void)setSaturation:(float)sat;
    {
        saturation = sat;
        [self setNeedsDisplay];
    }

- (id)initWithFrame:(CGRect)frame {
     if (self = [super initWithFrame:frame]) {
          self.backgroundColor = [UIColor clearColor]; //else background is black
          desaturation = 0.0; //default is no effect
     }
     return self;
}

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

     CGContextTranslateCTM(context, 0.0, self.bounds.size.height); //flip image right side up
     CGContextScaleCTM(context, 1.0, -1.0);

     CGContextDrawImage(context, rect, self.image.CGImage);
     CGContextSetBlendMode(context, kCGBlendModeSaturation);
     CGContextClipToMask(context, self.bounds, image.CGImage); //restricts drawing to within alpha channel
     CGContextSetRGBFillColor(context, 0.0, 0.0, 0.0, desaturation);
     CGContextFillRect(context, rect);

     CGContextRestoreGState(context); //restore state to reset blend mode
}
@end

Maintenant dans votre point de vue du contrôleur de la méthode viewDidLoad, mettre la vue à l'écran et l'ensemble de la saturation comme ceci:

- (void)viewDidLoad {
    [super viewDidLoad];  

    DesatView *dv = [[DesatView alloc] initWithFrame:CGRectZero];
    dv.image = [UIImage imageNamed:@"someImage.png"];
    dv.frame = CGRectMake(0, 0, dv.image.size.width, dv.image.size.height);
    dv.center = CGPointMake(160, 240); //put it mid-screen
    dv.desaturation = 0.2; //desaturate by 20%,

    [self.view addSubview:dv];  //put it on screen   
}  

Modifier la saturation comme ceci:

 dv.saturation = 0.8; //desaturate by 80%  

Évidemment, si vous souhaitez l'utiliser en dehors d'une seule méthode, vous devez faire dv un ivar de la vue-contrôleur. Espérons que cette aide.

Rien de si simple. La solution la plus simple est sans doute de faire un mémoire CGContext avec un format de pixel, dessiner l'image dans ce contexte, puis de lire/modifier les pixels dans le format de la mémoire tampon.

Je ne pense pas que la CG prend en charge une couleur de l'espace avec une part la saturation du canal, de sorte que vous aurez à convertir RVB à HSV ou HSL, ou de faire les calculs directement dans l'espace RVB.

---

Une façon de faire le calcul directement en RVB pourrait être quelque chose comme ceci:

average = (R + G + B) / 3;
red_delta = (R - average) * 11 / 10;
green_delta = (G - average) * 11 / 10;
blue_delta = (B - average) * 11 / 10;
R = average + red_delta;
G = average + green_delta;
B = average + blue_delta;
//clip R,G,B to be in 0-255 range

Cela vous permettra de déplacer les canaux qui sont loin de la moyenne d'environ 10% plus loin. C'est presque comme l'augmentation de la saturation, mais ça va donner changements de teinte pour certaines couleurs.