web-dev-qa-db-ja.com

UIViewでピクセルの色を取得するにはどうすればよいですか？

私は小さなアプリケーションを開発しようとしています。その中で、UIView内のピクセルの色を検出する必要があります。必要なピクセルを定義するCGPointがあります。 UIViewの色は、CoreAnimationを使用して変更されます。

UIImagesから色情報を抽出する複雑な方法がいくつかあることを私は知っています。しかし、UIViewsの解決策が見つかりませんでした。

擬似コードで私は次のようなものを探しています

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

どんな入力でも大歓迎です。

iphoneuiviewcolorspixel
33
0x90

それはかなり恐ろしくて遅いです。基本的に、割り当てたバッキングストアを使用してビットマップコンテキストを作成し、メモリを読み取れるようにします。次に、コンテキストでビューレイヤーをレンダリングし、RAM内の適切なポイントを読み取ります。

画像に対してそれを行う方法をすでに知っている場合は、次のようなことを行うことができます。

- (UIImage *)imageForView:(UIView *)view {
  UIGraphicsBeginImageContext(view.frame.size);
  [view.layer renderInContext: UIGraphicsGetCurrentContext()];
  UIImage *retval = UIGraphicsGetImageFromCurrentImageContext(void);
  UIGraphicsEndImageContext();

  return retval;
}

そして、ピクセルデータを取得できる画像を取得します。画像を処理するためのメカニズムには、とにかく画像をコンテキストにレンダリングすることが含まれていると確信しているので、それをこれとマージして、実際の画像作成を除外することができます。したがって、それを取得して、画像をロードするビットを削除し、コンテキストレンダリングに置き換えると、次のようになります。

[view.layer renderInContext: UIGraphicsGetCurrentContext()];

あなたは良いはずです。

8
Louis Gerbarg

より効率的な解決策は次のとおりです。

// 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

ファイルへのリンク： https://github.com/ivanzoid/ikit/tree/master/UIView+ColorOfPoint

77
ivanzoid

ivanzoidの答えのSwift化バージョン

Swift

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
    }
}

スウィフト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
    }

}

基になるCALayerに基づいていますが、UIViewに簡単に翻訳できます。

22
Warren Burton

いくつかのマイナーエラーを修正しました

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

    return retval;
}

また、追加します

#import <QuartzCore/QuartzCore.h>

警告メッセージを回避するためにファイルに追加します。

コードを見つかったコードと組み合わせる ここ 問題なく動作します。

2
0x90

Swift 4＆4.2。 XCode 10、iOS 12、Simulator、およびiOS12.1を実行するiPhone6 +でテスト済み。

このコードは正常に機能します。

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
    }
}
0
WoNDeR