Comment teindre une image/afficher une couleur?

2 choses que je veux faire, qui sont liés:

Afficher un bloc de n'importe quelle couleur. Si je pouvais changer la couleur de quelque chose d'autre à tout moment.
Teinte d'une UIImage être d'une couleur différente. Une superposition de couleur avec alpha tourné vers le bas pourraient travailler ici, mais disons que c'est une image qui a un arrière-plan transparent et ne pas occuper toute la place de l'image.

Des idées?

InformationsquelleAutor Andrew | 2011-02-28

10

Le premier est facile. Faire une nouvelle UIView et de définir sa couleur de fond quelle que soit la couleur que vous souhaitez.

Le second est plus difficile. Comme vous l'avez mentionné, vous pouvez mettre un nouveau point de vue sur le dessus de celui-ci avec la transparence tourné vers le bas, mais pour l'obtenir à clip dans les mêmes endroits, vous souhaitez utiliser un masque. Quelque chose comme ceci:
```
UIImage *myImage = [UIImage imageNamed:@"foo.png"];

UIImageView *originalImageView = [[UIImageView alloc] initWithImage:myImage];
[originalImageView setFrame:CGRectMake(0.0f, 0.0f, 100.0f, 100.0f)];
[parentView addSubview:originalImageView];

UIView *overlay = [[UIView alloc] initWithFrame:[originalImageView frame]];

UIImageView *maskImageView = [[UIImageView alloc] initWithImage:myImage];
[maskImageView setFrame:[overlay bounds]];

[[overlay layer] setMask:[maskImageView layer]];

[overlay setBackgroundColor:[UIColor redColor]];

[parentView addSubview:overlay];
```
Garder à l'esprit que vous aurez à #import <QuartzCore/QuartzCore.h> dans le fichier d'implémentation.
- J'ai eu quelques difficulté à obtenir de l'horizontale centrage de travail. Au début, j'ai été l'ajout de superposition comme une sous-vue de UITableViewCell, et le centrage a été perdu lorsque la cellule redimensionnée. J'ai résolu ce problème en ajoutant la superposition comme une sous-vue de la UILabel champ à l'intérieur de la cellule, au lieu de la UITableViewCell lui-même.
- Vous pouvez également essayer de l'ajouter à la contentView de la vue de la table de la cellule.
InformationsquelleAutor Jeff Kelley

Une autre option serait d'utiliser la catégorie de méthodes sur UIImage comme ça...

//Tint the image, default to half transparency if given an opaque colour.
- (UIImage *)imageWithTint:(UIColor *)tintColor {
    CGFloat white, alpha;
    [tintColor getWhite:&white alpha:&alpha];
    return [self imageWithTint:tintColor alpha:(alpha == 1.0 ? 0.5f : alpha)];
}

//Tint the image
- (UIImage *)imageWithTint:(UIColor *)tintColor alpha:(CGFloat)alpha {

    //Begin drawing
    CGRect aRect = CGRectMake(0.f, 0.f, self.size.width, self.size.height);
    UIGraphicsBeginImageContext(aRect.size);

    //Get the graphic context
    CGContextRef c = UIGraphicsGetCurrentContext(); 

    //Converting a UIImage to a CGImage flips the image, 
    //so apply a upside-down translation
    CGContextTranslateCTM(c, 0, self.size.height); 
    CGContextScaleCTM(c, 1.0, -1.0);

    //Draw the image
    [self drawInRect:aRect];

    //Set the fill color space
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextSetFillColorSpace(c, colorSpace);

    //Set the mask to only tint non-transparent pixels
    CGContextClipToMask(c, aRect, self.CGImage);

    //Set the fill color
    CGContextSetFillColorWithColor(c, [tintColor colorWithAlphaComponent:alpha].CGColor);

    UIRectFillUsingBlendMode(aRect, kCGBlendModeColor);

    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();    

    //Release memory
    CGColorSpaceRelease(colorSpace);

    return img;
}

1) Pour fixer "les pixels transparents teintés trop," ajouter CGContextClipToMask(c, aRect, self.CGImage); avant UIRectFillUsingBlendMode. 2) Pour appliquer une véritable teinte, la préservation des valeurs de l'image, utilisez kCGBlendModeColor.
Cela rend l'image flippes à l'envers. Après le contexte, les lignes suivantes doivent être ajoutées: CGContextTranslateCTM(c, 0, self.size.height); CGContextScaleCTM(c, 1.0, -1.0);
Ou tout simplement supprimer les deux lignes qui s'appliquent à l'envers transformation, en premier lieu

InformationsquelleAutor Daniel Thorpe

4

Voici une autre façon de mettre en image la teinture, surtout si vous utilisez déjà QuartzCore pour quelque chose d'autre.

Importation QuartzCore:
```
#import <QuartzCore/QuartzCore.h>    
```
Créer transparent CALayer et l'ajouter en tant que sous-couche pour l'image que vous voulez teinte:
```
CALayer *sublayer = [CALayer layer];
[sublayer setBackgroundColor:[UIColor whiteColor].CGColor];
[sublayer setOpacity:0.3];
[sublayer setFrame:toBeTintedImage.frame];
[toBeTintedImage.layer addSublayer:sublayer];
```
Ajouter QuartzCore à vos projets Cadre de la liste (si elle n'est pas déjà là), sinon vous aurez des erreurs de compilation comme ceci:
```
Undefined symbols for architecture i386: "_OBJC_CLASS_$_CALayer"
```
InformationsquelleAutor lekksi
2

Un moyen facile d'atteindre 1 est de créer un UILabel ou même une UIView et modifier le backgroundColor que vous le souhaitez.

Il y a un moyen de multiplier les couleurs au lieu de simplement la superposition entre eux, et qui devrait fonctionner pour les 2. Voir ce tutoriel.

InformationsquelleAutor PengOne

-1

Essayer cette

   - (void)viewDidLoad
    {
        [super viewDidLoad];
        UIView* maskedView = [self filledViewForPNG:[UIImage imageNamed:@"mask_effect.png"]
                                               mask:[UIImage imageNamed:@"mask_image.png"]
                                          maskColor:[UIColor colorWithRed:.6 green:.2 blue:.7 alpha:1]];


        [self.view addSubview:maskedView];

    }

    -(UIView*)filledViewForPNG:(UIImage*)image mask:(UIImage*)maskImage maskColor:(UIColor*)maskColor
    {
        UIImageView *pngImageView = [[UIImageView alloc] initWithImage:image];
        UIImageView *maskImageView = [[UIImageView alloc] initWithImage:maskImage];

        CGRect bounds;
        if (image) {
            bounds = pngImageView.bounds;
        }
        else
        {
            bounds = maskImageView.bounds;
        }
        UIView* parentView = [[UIView alloc]initWithFrame:bounds];
        [parentView setAutoresizesSubviews:YES];
        [parentView setClipsToBounds:YES];

        UIView *overlay = [[UIView alloc] initWithFrame:bounds];
        [[overlay layer] setMask:[maskImageView layer]];
        [overlay setBackgroundColor:maskColor];

        [parentView addSubview:overlay];
        [parentView addSubview:pngImageView];
        return parentView;
    }

Veuillez expliquer votre réponse.

InformationsquelleAutor user1909319

Vous devez vous connecter pour publier un commentaire.