Comment faire pour créer une couleur 1x1 UIImage sur l'iPhone de façon dynamique?

Je voudrais créer une 1x1 UIImage de façon dynamique en fonction d'un UIColor.

Je soupçonne que cela peut rapidement être fait avec Quartz2d, et je me suis penché sur la documentation en essayant de comprendre les principes de base. Cependant, il semble que il ya beaucoup de pièges potentiels: ne pas préciser le nombre de bits et d'octets par les choses correctement, en ne spécifiant pas le droit de drapeaux, de ne pas divulguer les données non utilisées, etc.

Comment cela peut-il être effectué en toute sécurité avec du Quartz 2d (ou un autre moyen plus simple)?

InformationsquelleAutor Ian Terrell | 2009-06-13

327

Vous pouvez utiliser CGContextSetFillColorWithColor et CGContextFillRect pour cela:

Swift

extension UIImage {
    class func image(with color: UIColor) -> UIImage {
        let rect = CGRectMake(0.0, 0.0, 1.0, 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()

        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image
    }
}

Swift3

extension UIImage {
    class func image(with color: UIColor) -> UIImage {
        let rect = CGRect(origin: CGPoint(x: 0, y:0), size: CGSize(width: 1, height: 1))
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()!

        context.setFillColor(color.cgColor)
        context.fill(rect)

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image!
    }
}

Objective-C

+ (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

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

    return image;
}

Joli 🙂 je conseille de mettre cette méthode dans une catégorie comme une méthode de classe, alors il peut être ajouté dans un projet, tout simplement, et appelé à l'aide d'une ligne comme [UIImage imageWithColor: [UIColor redColor]].
Dans le cas où vous êtes en train de créer ces images en boucle ou en utilisant une taille plus grande, une optimisation serait d'utiliser une toile opaque seulement si la couleur a alpha. Comme ceci: const CGFloat alpha = CGColorGetAlpha(color.CGColor); const BOOL opaque = alpha == 1; UIGraphicsBeginImageContextWithOptions(size, opaque, 0);
veuillez fournir swift version
Est-il un moyen de faire rapidement un être personnalisé initialiseur de la place ?
Pourquoi est - UIGraphicsGetCurrentContext() returnin nil? Modifier: je l'ai eu, j'ai été en passant 0 pour la rect's width.
Ajouté Swift 3 port
dans une catégorie comme une méthode d'instance de UIColor, de sorte qu'il serait encore plus simple [[UIColor redColor] image]

InformationsquelleAutor Matt Stevens

Voici une autre option basée sur Matt Stephen code. Il crée un redimensionnable solide de couleur de l'image telle que vous pouvez la réutiliser ou de modifier sa taille (par exemple, l'utiliser pour l'arrière-plan).

+ (UIImage *)prefix_resizeableImageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 3.0f, 3.0f);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

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

    image = [image resizableImageWithCapInsets:UIEdgeInsetsMake(1, 1, 1, 1)];

    return image;
}

Le mettre dans une UIImage catégorie et modifier le préfixe.

InformationsquelleAutor Ben Lachman

J'ai utilisé Matt Steven de répondre à de nombreuses reprises alors faites un catégorie:

@interface UIImage (mxcl)
+ (UIImage *)squareImageWithColor:(UIColor *)color dimension:(int)dimension;
@end

@implementation UIImage (mxcl)
+ (UIImage *)squareImageWithColor:(UIColor *)color dimension:(int)dimension {
    CGRect rect = CGRectMake(0, 0, dimension, dimension);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

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

    return image;
}
@end

InformationsquelleAutor mxcl

À l'aide d'Apple dernière UIGraphicsImageRenderer le code est assez petit:

import UIKit

extension UIImage {
    static func from(color: UIColor) -> UIImage {
        let size = CGSize(width: 1, height: 1)
        return UIGraphicsImageRenderer(size: size).image(actions: { (context) in
            context.cgContext.setFillColor(color.cgColor)
            context.fill(.init(origin: .zero, size: size))
        })
    }
}

InformationsquelleAutor bitwit

Pour moi, une commodité init se sent plus propre à Swift.

extension UIImage {

    convenience init?(color: UIColor, size: CGSize = CGSize(width: 1, height: 1)) {

        let rect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        UIGraphicsBeginImageContext(rect.size)
        guard let context = UIGraphicsGetCurrentContext() else {
            return nil
        }

        context.setFillColor(color.cgColor)
        context.fill(rect)

        guard let image = context.makeImage() else {
            return nil
        }
        UIGraphicsEndImageContext()

        self.init(cgImage: image)
    }

}

InformationsquelleAutor Mark Bridges

-6

Ok, ce ne sera pas exactement ce que vous voulez, mais ce code permet de dessiner une ligne. Vous pouvez l'adapter pour en faire un point. Ou au moins avoir un peu d'info à partir d'elle.

De prise de l'image de 1x1 semble un peu bizarre. Coups de trajet de la ligne, donc un coup de largeur de 1,0 à 0,5 devrait fonctionner. Il suffit de jouer autour.

- (void)drawLine{

UIGraphicsBeginImageContext(CGSizeMake(320,300));

CGContextRef ctx = UIGraphicsGetCurrentContext();

float x = 0;
float xEnd = 320;
float y = 300;

CGContextClearRect(ctx, CGRectMake(5, 45, 320, 300));

CGContextSetGrayStrokeColor(ctx, 1.0, 1.0);

CGContextSetLineWidth(ctx, 1);
CGPoint line[2] = { CGPointMake(x,y), CGPointMake(xEnd, y) };

CGContextStrokeLineSegments(ctx, line, 2);

UIImage *theImage=UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
}

InformationsquelleAutor Corey Floyd

Vous devez vous connecter pour publier un commentaire.