Superposer une UIImage avec une couleur?

Je suis d'essayer d'ajouter un charbonné sur certains UIImage (qui est blanc). J'ai essayé d'utiliser code suivant:

[[UIColor blackColor] set];
[image drawAtPoint:CGPointMake(0, 0) blendMode:kCGBlendModeOverlay alpha:1.0];

Mais cela ne fonctionne pas, et je suis sûr que jeu n'est pas censé être là.

source d'informationauteur Oliver

iphone uiimage

Vous voulez clip le contexte d'un masque d'image et de les remplir avec une couleur unie:

- (void)drawRect:(CGRect)rect
{
    CGRect bounds = [self bounds];
    [[UIColor blackColor] set];
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClipToMask(context, bounds, [myImage CGImage]);
    CGContextFillRect(context, bounds);
}

Remarque: myImage doit être une variable d'instance qui contient un UIImage. Je ne suis pas sûr de savoir si il prend le masque de la couche alpha ou l'intensité afin d'essayer les deux.

Donc, pour résumer toutes les réponses en un seul voici la liste dans la méthode qui fonctionne parfaitement à partir de iOS 6 tout le chemin jusqu'à iOS 11 avec toutes sortes d'images et d'icônes:

+ (UIImage *)filledImageFrom:(UIImage *)source withColor:(UIColor *)color{

    //begin a new image context, to draw our colored image onto with the right scale
    UIGraphicsBeginImageContextWithOptions(source.size, NO, [UIScreen mainScreen].scale);

    //get a reference to that context we created
    CGContextRef context = UIGraphicsGetCurrentContext();

    //set the fill color
    [color setFill];

    //translate/flip the graphics context (for transforming from CG* coords to UI* coords
    CGContextTranslateCTM(context, 0, source.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);

    CGContextSetBlendMode(context, kCGBlendModeColorBurn);
    CGRect rect = CGRectMake(0, 0, source.size.width, source.size.height);
    CGContextDrawImage(context, rect, source.CGImage);

    CGContextSetBlendMode(context, kCGBlendModeSourceIn);
    CGContextAddRect(context, rect);
    CGContextDrawPath(context,kCGPathFill);

    //generate a new UIImage from the graphics context we drew onto
    UIImage *coloredImg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    //return the color-burned image
    return coloredImg;
}

Mise à jour: Swift 3 version

func filledImage(source: UIImage, fillColor: UIColor) -> UIImage {

    UIGraphicsBeginImageContextWithOptions(source.size, false, UIScreen.main.scale)

    let context = UIGraphicsGetCurrentContext()
    fillColor.setFill()

    context!.translateBy(x: 0, y: source.size.height)
    context!.scaleBy(x: 1.0, y: -1.0)

    context!.setBlendMode(CGBlendMode.colorBurn)
    let rect = CGRect(x: 0, y: 0, width: source.size.width, height: source.size.height)
    context!.draw(source.cgImage!, in: rect)

    context!.setBlendMode(CGBlendMode.sourceIn)
    context!.addRect(rect)
    context!.drawPath(using: CGPathDrawingMode.fill)

    let coloredImg : UIImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()

    return coloredImg
}

Je viens d'écrire un tutoriel qui va vous aider à cela. Mon approche vous donne une copie d'une UIImage, avec la couleur des altérations de ce que vous voulez. rpetrich l'approche est grand, mais exige que vous êtes en train de créer une sous-classe. Ma démarche est juste quelques lignes de code qui peuvent être déposés dans les partout où vous en avez besoin. http://coffeeshopped.com/2010/09/iphone-how-to-dynamically-color-a-uiimage

NSString *name = @"badge.png";
UIImage *img = [UIImage imageNamed:name];

//begin a new image context, to draw our colored image onto
UIGraphicsBeginImageContext(img.size);

//get a reference to that context we created
CGContextRef context = UIGraphicsGetCurrentContext();

//set the fill color
[color setFill];

//translate/flip the graphics context (for transforming from CG* coords to UI* coords
CGContextTranslateCTM(context, 0, img.size.height);
CGContextScaleCTM(context, 1.0, -1.0);

//set the blend mode to color burn, and the original image
CGContextSetBlendMode(context, kCGBlendModeColorBurn);
CGRect rect = CGRectMake(0, 0, img.size.width, img.size.height);
CGContextDrawImage(context, rect, img.CGImage);

//set a mask that matches the shape of the image, then draw (color burn) a colored rectangle
CGContextClipToMask(context, rect, img.CGImage);
CGContextAddRect(context, rect);
CGContextDrawPath(context,kCGPathFill);

//generate a new UIImage from the graphics context we drew onto
UIImage *coloredImg = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

//return the color-burned image
return coloredImg;

Regard sur cette méthode

 + (UIImage *)imageWithColor:(UIColor *)color andSize:(CGSize)size;
    {
      UIImage *img = nil;

      CGRect rect = CGRectMake(0, 0, size.width, size.height);
      UIGraphicsBeginImageContext(rect.size);
      CGContextRef context = UIGraphicsGetCurrentContext();
      CGContextSetFillColorWithColor(context,
                                     color.CGColor);
      CGContextFillRect(context, rect);
      img = UIGraphicsGetImageFromCurrentImageContext();

      UIGraphicsEndImageContext();

      return img;
    }

Depuis iOS 7, il y a une solution beaucoup plus simple:

UIImage* im = [UIImage imageNamed:@"blah"];
im = [im imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
[[UIColor blackColor] setFill];
[im drawInRect:rect];

3

En plus de la solution par rpetrich (qui est super d'ailleurs - m'aider superbement), vous pouvez également remplacer le CGContextClipToMask ligne avec:
```
    CGContextSetBlendMode(context, kCGBlendModeSourceIn); //this is the main bit!
```
C'est le SourceIn blendmode qui fait le travail de masquage de la couleur par tout ce qui est dans le GetCurrentContext.

Voici comment vous le faites avec Swift 3.0 et utiliser des extensions pour UIImage. Super simple.

public extension UIImage {
    func filledImage(fillColor: UIColor) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(self.size, false, UIScreen.main.scale)

        let context = UIGraphicsGetCurrentContext()!
        fillColor.setFill()

        context.translateBy(x: 0, y: self.size.height)
        context.scaleBy(x: 1.0, y: -1.0)

        context.setBlendMode(CGBlendMode.colorBurn)

        let rect = CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height)
        context.draw(self.cgImage!, in: rect)

        context.setBlendMode(CGBlendMode.sourceIn)
        context.addRect(rect)
        context.drawPath(using: CGPathDrawingMode.fill)

        let coloredImg : UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()

        return coloredImg
    }
}

Puis de l'exécuter il suffit de faire:

let image = UIImage(named: "image_name").filledImage(fillColor: UIColor.red)

0

-set est utilisée pour définir la couleur de la suite des opérations de dessin qui ne comprennent pas les blits. Je suggère qu'un premier appel, l'affichage d'un autre (vide) UIView sur votre UIImageView et la fixation de sa couleur de fond:
```
myView.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.5];
```
Évidemment, vous devez utiliser le blanc et les valeurs alpha que vous voulez.

Vous devez vous connecter pour publier un commentaire.