Comment obtenir la couleur d'un pixel dans une UIView?

Je suis en train de développer une petite application. Pour cela, j'ai besoin de détecter la couleur d'un pixel dans une UIView. J'ai un CGPoint la définition du pixel dont j'ai besoin. Les couleurs de la UIView sont modifiées à l'aide CoreAnimation.

Je sais qu'il ya certaines façons complexes pour extraire les informations de couleur d'UIImages. Cependant, je ne pouvais pas trouver un solution pour UIViews.

En Pseudo-Code, je suis à la recherche de quelque chose comme

pixel = [view getPixelAtPoint:myPoint];
UIColor *mycolor = [pixel getColor];

Une entrée très appréciée.

Avez-vous trouvé un (rapide) de la solution?
À l'aide de l'image bitmap contexte s'est avéré être assez rapide pour mes fins. Donnez-lui un essai et voir comment cela fonctionne pour vous.

InformationsquelleAutor 0x90 | 2009-07-21

8

C'est assez horrible et lent. Fondamentalement, vous créer une image bitmap d'un contexte avec un magasin de sauvegarde que vous allouez vous permet de lire la mémoire, puis vous rendre le point de vue de la couche dans le contexte et de lire le point de ram.

Si vous savez comment le faire pour une image déjà vous pouvez faire quelque chose comme ceci:
```
- (UIImage *)imageForView:(UIView *)view {
  UIGraphicsBeginImageContext(view.frame.size);
  [view.layer renderInContext: UIGraphicsGetCurrentContext()];
  UIImage *retval = UIGraphicsGetImageFromCurrentImageContext(void);
  UIGraphicsEndImageContext();

  return retval;
}
```
Et alors vous obtiendrez une image où vous pouvez obtenir les données de pixel. Je suis sûr que le mécanisme que vous avez pour gérer les images implique rendre dans un contexte de toute façon, de sorte que vous pouvez le fusionner avec le présent et le facteur de la création de l'image. Donc, si vous prenez pourrait et supprimer les bits lorsque vous chargez l'image et le remplacer par le contexte de rendu:
```
[view.layer renderInContext: UIGraphicsGetCurrentContext()];
```
vous devriez être bon.

InformationsquelleAutor Louis Gerbarg
79

Ici est une solution plus efficace:
```
//UIView+ColorOfPoint.h
@interface UIView (ColorOfPoint)
- (UIColor *) colorOfPoint:(CGPoint)point;
@end

//UIView+ColorOfPoint.m
#import "UIView+ColorOfPoint.h"
#import <QuartzCore/QuartzCore.h>

@implementation UIView (ColorOfPoint)

- (UIColor *) colorOfPoint:(CGPoint)point
{
    unsigned char pixel[4] = {0};

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    CGContextRef context = CGBitmapContextCreate(pixel, 1, 1, 8, 4, colorSpace, kCGBitmapAlphaInfoMask & kCGImageAlphaPremultipliedLast);

    CGContextTranslateCTM(context, -point.x, -point.y);

    [self.layer renderInContext:context];

    CGContextRelease(context);
    CGColorSpaceRelease(colorSpace);

    //NSLog(@"pixel: %d %d %d %d", pixel[0], pixel[1], pixel[2], pixel[3]);

    UIColor *color = [UIColor colorWithRed:pixel[0]/255.0 green:pixel[1]/255.0 blue:pixel[2]/255.0 alpha:pixel[3]/255.0];

    return color;
}

@end
```
Lien vers des fichiers: https://github.com/ivanzoid/ikit/tree/master/UIView+ColorOfPoint
- Avertissement dans .m, retiré avec #import <QuartzCore/QuartzCore.h>
- On dirait que vous êtes rendu un seul pixel. Très cool.
- Merci pour les choses utiles 🙂
- Cette modification du code de travail de la couleur d'une rangée de pixels?
- Pourriez-vous expliquer CGContextTranslateCTM(contexte, -point.x, -point.y);?
- Juste un commentaire, ce n'est "plus efficace" si votre renderInContext n'est pas particulièrement cher. Si vous êtes par exemple. le rendu à partir d'un PDF, puis de la mise en cache une image et des essais qui seront les plus efficaces.
- le CGContextTranslate déplace le potentiel de pixel à la position 0,0 sorte qu'il sera le seul pixel rendu
- fonte à (CGBitmapInfo)kCGImageAlphaPremultipliedFirst pour supprimer la compilation d'avertissement
- J'ai ajouté une rapide traduction. N'hésitez pas à copier
- Salut, je suis en train de faire la même chose mais sa couleur sélectionnée avec un mélange avec la couleur d'arrière-plan, même si je dois définir l'arrière-plan nill, comment puis-je supprimer le mélange? J'ai essayé tous les mode de contexte?.setBlendMode(CGBlendMode.), pouvez-vous vérifier, veuillez stackoverflow.com/questions/51192147/...
InformationsquelleAutor ivanzoid

Une swift'ified version de ivanzoid's réponse

Swift 3

extension CALayer {

    func colorOfPoint(point:CGPoint) -> CGColor {

        var pixel: [CUnsignedChar] = [0, 0, 0, 0]

        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)

        let context = CGContext(data: &pixel, width: 1, height: 1, bitsPerComponent: 8, bytesPerRow: 4, space: colorSpace, bitmapInfo: bitmapInfo.rawValue)

        context!.translateBy(x: -point.x, y: -point.y)

        self.render(in: context!)

        let red: CGFloat   = CGFloat(pixel[0]) / 255.0
        let green: CGFloat = CGFloat(pixel[1]) / 255.0
        let blue: CGFloat  = CGFloat(pixel[2]) / 255.0
        let alpha: CGFloat = CGFloat(pixel[3]) / 255.0

        let color = UIColor(red:red, green: green, blue:blue, alpha:alpha)

        return color.cgColor
    }
}

Swift 2

extension CALayer {

    func colorOfPoint(point:CGPoint)->CGColorRef
    {
        var pixel:[CUnsignedChar] = [0,0,0,0]

        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.PremultipliedLast.rawValue)

        let context = CGBitmapContextCreate(&pixel, 1, 1, 8, 4, colorSpace, bitmapInfo.rawValue)

        CGContextTranslateCTM(context, -point.x, -point.y)

        self.renderInContext(context!)

        let red:CGFloat = CGFloat(pixel[0])/255.0
        let green:CGFloat = CGFloat(pixel[1])/255.0
        let blue:CGFloat = CGFloat(pixel[2])/255.0
        let alpha:CGFloat = CGFloat(pixel[3])/255.0

        let color = UIColor(red:red, green: green, blue:blue, alpha:alpha)

        return color.CGColor
    }

}

autour de la sous-jacentes CALayer mais facilement traduisible retour à UIView.

j'ai essayé de l'utiliser mais il revient juste de zéros. donc, je reçois toujours de couleur blanche. malheureusement, mes compétences en programmation sont pas si avancées pour trouver moi-même. merci

InformationsquelleAutor Warren Burton

2

Correction de quelques erreurs mineures
```
- (UIImage *)imageForView:(UIView *)view {
    UIGraphicsBeginImageContext(view.frame.size);
    [view.layer renderInContext: UIGraphicsGetCurrentContext()];
    UIImage *retval = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return retval;
}
```
Également, ajouter
```
#import <QuartzCore/QuartzCore.h>  
```
à votre dossier pour éviter les messages d'avertissement.

La combinaison de votre code avec le code trouvé ici fonctionne parfaitement.
- Pourquoi est-ce qu'il vous suffit de copié-Louis code et enlevé le superflu "vide" dans l'appel à UIGraphicsGetImageFromCurrentImageContext()?
- C'est ce que j'ai fait. Ce est une meilleure façon de traiter les corrections ici?
InformationsquelleAutor 0x90

Swift 4 & 4.2. Testé avec XCode 10, iOS 12, Simulateur & iPhone 6+ iOS 12.1.

Ce code fonctionne très bien.

extension UIView {
    func colorOfPoint(point: CGPoint) -> UIColor {
        let colorSpace: CGColorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue)

        var pixelData: [UInt8] = [0, 0, 0, 0]

        let context = CGContext(data: &pixelData, width: 1, height: 1, bitsPerComponent: 8, bytesPerRow: 4, space: colorSpace, bitmapInfo: bitmapInfo.rawValue)

        context!.translateBy(x: -point.x, y: -point.y)

        self.layer.render(in: context!)

        let red: CGFloat = CGFloat(pixelData[0]) / CGFloat(255.0)
        let green: CGFloat = CGFloat(pixelData[1]) / CGFloat(255.0)
        let blue: CGFloat = CGFloat(pixelData[2]) / CGFloat(255.0)
        let alpha: CGFloat = CGFloat(pixelData[3]) / CGFloat(255.0)

        let color: UIColor = UIColor(red: red, green: green, blue: blue, alpha: alpha)

        return color
    }
}

InformationsquelleAutor WoNDeR

Vous devez vous connecter pour publier un commentaire.