CODEWITHSUNDEEP
iosswiftcolor-picker
user8933752
user8933752

Reputation: 109

create a circle color picker

I'm trying to create a circle color picker. My approach is to insert an image and use a pixelColors function to get the color of the point. The problem is that it returns the wrong color every time I click. I don't know what's wrong.

Here is the image:

enter image description here

Here is my code

extension UIImage {
    func getPixelColor(x: CGFloat, y: CGFloat) -> UIColor? {        
        let pixelData = self.cgImage!.dataProvider!.data
        let data: UnsafePointer<UInt8> = CFDataGetBytePtr(pixelData)

        let pixelIndex: Int = ((Int(self.size.width) * Int(y)) + Int(x)) * 4

        let r = CGFloat(data[pixelIndex]) / CGFloat(255.0)
        let g = CGFloat(data[pixelIndex+1]) / CGFloat(255.0)
        let b = CGFloat(data[pixelIndex+2]) / CGFloat(255.0)
        let a = CGFloat(data[pixelIndex+3]) / CGFloat(255.0)

        return UIColor(red: r, green: g, blue: b, alpha: a)
    }

Here is how I use this function

    func imageTapped(recognizer: UITapGestureRecognizer) {
        let thePoint = recognizer.location(in: view)
        let color = imageView.image?.getPixelColor(x: thePoint.x, y: thePoint.y)
        print(color)

Upvotes: 2

Views: 1035

Answers (1)

iOS Geek
iOS Geek

Reputation: 4855

Try using below Function to get the color on Touch this one is working Fine for me

//MARK: Get Pixel color on touch
    /**
     This function is Read data from CSV File
     - parameter point: CGPoint Touch Point
     - parameter sourceView: View to Detect in
     - returns: UIColor
     */
    class func getPixelColorAtPoint(point:CGPoint, sourceView: UIView) -> UIColor
    {
        let pixel = UnsafeMutablePointer<CUnsignedChar>.allocate(capacity: 4)
        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)
        sourceView.layer.render(in: context!)
        let color:UIColor = UIColor(red: CGFloat(pixel[0])/255.0,
                                    green: CGFloat(pixel[1])/255.0,
                                    blue: CGFloat(pixel[2])/255.0,
                                    alpha: CGFloat(pixel[3])/255.0)
        pixel.deallocate(capacity: 4)
        return color
    }

Usage : 

        //here get location as CGPoint and just pass it in function 
        let point = sender.location(in: sender.view)

        //For example take reference Color 
        let color  = self.getPixelColorAtPoint(point: point, sourceView: self.GramPieChart)

        //self.gramPieChart is my View created from which I need to get the color at touch pass your ImageView here

Now Comparison 

 if (color.isEqual(UIColor.init(red: 230/255, green: 53/255, blue: 42/255, alpha: 1.0)))
    {
                        //Required Operation here 
    }

Or directly 

if (color.isEqual(UIColor.init(red: 230/255, green: 53/255, blue: 42/255, alpha: 1.0)))
    {
                        //Required Operation here 
    }

    if (color == UIColor.red)
    {
                        //Required Operation here
     }

Upvotes: 1

Related Questions