UIImage 內 Pixel / 像素的 RGBA 值取得方式

 

示範如何使用手指在畫面上點選、拖曳來取得影像中 Pixel 內對應的 RGBA 數值。（View-based Template）

首先在 Interface Builder 中放置好底圖（backgroundImage）與模擬手指點選區域的影像（target）。為了能在一開使執行程式時就先取得 target 下的 RGBA 值，所以在程式進入點就先呼叫一次取得 RGBA 參數值的函式，其程式碼如下。

- (void)viewDidLoad {
    [super viewDidLoad];

    //將影像讀入Cache中
    backgroundImage = [UIImage imageNamed:@"demo.png"];

    //自行定義的函式，正規化Target影像的中心點座標來符合底圖的座標
    [self normalizeTargetLocation];
}
//自行定義的函式，正規化Target影像的中心點座標來符合底圖的座標
- (void)normalizeTargetLocation {
    int x = target.center.x - 20;
    int y = target.center.y - 20;

    //自行定義的函式，取得影像座標上的RGBA值
    [self getRGBAFromImage:backgroundImage atX:x andY:y];
}
//自行定義的函式，取得影像座標上的RGBA值
- (void)getRGBAFromImage:(UIImage *)image atX:(int)xx andY:(int)yy {

    CGImageRef imageRef = [image CGImage];
    int width = CGImageGetWidth(imageRef);
    int height = CGImageGetHeight(imageRef);

    //從image的data buffer中取得影像，放入格式化後的rawData中
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    unsigned char *rawData = malloc(height * width * 4);
    NSUInteger bytesPerPixel = 4;
    NSUInteger bytesPerRow = bytesPerPixel * width;
    NSUInteger bitsPerComponent = 8;
    CGContextRef context = CGBitmapContextCreate(rawData,
                                                 width,
                                                 height,
                                                 bitsPerComponent,
                                                 bytesPerRow,
                                                 colorSpace,
                                                 kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);
    CGColorSpaceRelease(colorSpace);

    //清空CGContextRef再繪製
    CGContextClearRect(context, CGRectMake(0.0, 0.0, width, height));
    CGContextDrawImage(context, CGRectMake(0, 0, width, height), imageRef);
    CGContextRelease(context);

    //將XY座標轉成一維陣列
    int byteIndex = (bytesPerRow * yy) + (bytesPerPixel *xx);

    //取得RGBA位元的資料
    int red = rawData[byteIndex];
    int green = rawData[byteIndex + 1];
    int blue = rawData[byteIndex + 2];
    int alpha = rawData[byteIndex + 3];

    //利用RGB計算灰階的亮度值
    int gray = (0.299 * red) + (0.587 * green) + (0.114 * blue);

    //輸出至View上
    redLabel.text = [NSString stringWithFormat:@"%d", red];
    greenLabel.text = [NSString stringWithFormat:@"%d", green];
    blueLabel.text = [NSString stringWithFormat:@"%d", blue];
    alphaLabel.text = [NSString stringWithFormat:@"%d", alpha];
    grayLabel.text = [NSString stringWithFormat:@"%d", gray];

    free(rawData);
}

上述程式碼已經完成取得對應 Pixel 中的 RGBA 參數值，下列程式碼將實做以手指觸碰螢幕來改變 target 影像的位置，藉此取得對應的 RGBA 參數值。

//對畫面點擊所觸發的函式
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {

    //宣告一個UITouch的指標來存放事件觸發時所擷取到的狀態
    UITouch *touch = [[event allTouches] anyObject];

    //設定偏位移量
    touchOffsetX = target.center.x - [touch locationInView:touch.view].x;
    touchOffsetY = target.center.y - [touch locationInView:touch.view].y;
}
//對畫面進行拖曳時所觸發的函式
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {

    //宣告一個UITouch的指標來存放事件觸發時所擷取到的狀態
    UITouch *touch = [[event allTouches] anyObject];

    //計算偏位移量
    int distanceMovedX = ([touch locationInView:touch.view].x + touchOffsetX) - target.center.x;
    int distanceMovedY = ([touch locationInView:touch.view].y + touchOffsetY) - target.center.y;

    int newX = target.center.x + distanceMovedX;
    int newY = target.center.y + distanceMovedY;

    if (newX > 20 && newX < 300) {
        target.center = CGPointMake(newX, target.center.y);
    }

    if (newY > 20 && newY < 440) {
        target.center = CGPointMake(target.center.x, newY);
    }

    //自行定義的函式，正規化Target影像的中心點座標來符合底圖的座標
    [self normalizeTargetLocation];
}