如何變暗PNG？

Question

我可能會指出Objective-C中的繪圖和渲染是我的弱點。現在，這是我的問題。

我想爲我的遊戲添加「白天/夜晚」功能。它在地圖上有很多對象。每個對象都是包含變量和一些UIImageView中的一些數據的UIView：精靈，並且一些對象具有隱藏的環（用於顯示選擇）。

我希望能夠使UIView的內容變暗，但我無法弄清楚如何。精靈是一個具有透明度的PNG。我剛剛設法在sprite後面添加一個黑色矩形：

CGContextRef ctx = UIGraphicsGetCurrentContext(); 
CGContextSaveGState(ctx); 

CGContextSetRGBFillColor(ctx, 0, 0, 0, 0.5); 
CGContextFillRect(ctx, rect); 
CGContextRestoreGState(ctx); 

正如我讀過的，這應該在drawRect方法中完成。請幫助！

如果您想更好地理解我的場景，我正在嘗試這樣做的應用程序在App Store中稱爲「Kipos」。

Answer 1

Floris497的方法是一次對多個圖像進行全面變暗的好策略（在這種情況下可能更多）。但是，這裏有一個通用的方法來生成較暗的UIImage（同時尊重Alpha像素）：

+ (UIImage *)darkenImage:(UIImage *)image toLevel:(CGFloat)level 
{ 
    // Create a temporary view to act as a darkening layer 
    CGRect frame = CGRectMake(0.0, 0.0, image.size.width, image.size.height); 
    UIView *tempView = [[UIView alloc] initWithFrame:frame]; 
    tempView.backgroundColor = [UIColor blackColor]; 
    tempView.alpha = level; 

    // Draw the image into a new graphics context 
    UIGraphicsBeginImageContext(frame.size); 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    [image drawInRect:frame]; 

    // Flip the context vertically so we can draw the dark layer via a mask that 
    // aligns with the image's alpha pixels (Quartz uses flipped coordinates) 
    CGContextTranslateCTM(context, 0, frame.size.height); 
    CGContextScaleCTM(context, 1.0, -1.0); 
    CGContextClipToMask(context, frame, image.CGImage); 
    [tempView.layer renderInContext:context]; 

    // Produce a new image from this context 
    CGImageRef imageRef = CGBitmapContextCreateImage(context); 
    UIImage *toReturn = [UIImage imageWithCGImage:imageRef]; 
    CGImageRelease(imageRef); 
    UIGraphicsEndImageContext(); 
    [tempView release]; 
    return toReturn; 
} 

Answer 2

在它上面繪製一個UIView（黑的），並設置「啓用用戶交互」，以無

希望你可以做這個事情。

然後用這個，使其黑暗

[UIView animateWithDuration:2 
         animations:^{nightView.alpha = 0.4;} 
          completion:^(BOOL finished){ NSLog(@"done making it dark"); ]; }]; 

，使其光

[UIView animateWithDuration:2 
         animations:^{nightView.alpha = 0.0;} 
          completion:^(BOOL finished){ NSLog(@"done making it light again"); ]; }]; 

Answer 3

的最佳方式將是一個核心圖像過濾器添加到黑暗的圖層。你可以使用CIExposureAdjust。

CIFilter *filter = [CIFilter filterWithName:@"CIExposureAdjust"]; 
[filter setDefaults]; 
[filter setValue:[NSNumber numberWithFloat:-2.0] forKey:@"inputEV"]; 
view.layer.filters = [NSArray arrayWithObject:filter]; 

Answer 4

這裏是如何做到這一點：

// inputEV controlls the exposure, the lower the darker (e.g "-1" -> dark) 
-(UIImage*)adjustImage:(UIImage*)image exposure:(float)inputEV 
{ 
    CIImage *inputImage = [[CIImage alloc] initWithCGImage:[image CGImage]]; 
    UIImageOrientation originalOrientation = image.imageOrientation; 

    CIFilter* adjustmentFilter = [CIFilter filterWithName:@"CIExposureAdjust"]; 
    [adjustmentFilter setDefaults]; 
    [adjustmentFilter setValue:inputImage forKey:@"inputImage"]; 
    [adjustmentFilter setValue:[NSNumber numberWithFloat:-1.0] forKey:@"inputEV"]; 

    CIImage *outputImage = [adjustmentFilter valueForKey:@"outputImage"]; 
    CIContext* context = [CIContext contextWithOptions:nil]; 
    CGImageRef imgRef = [context createCGImage:outputImage fromRect:outputImage.extent] ; 

    UIImage* img = [[UIImage alloc] initWithCGImage:imgRef scale:1.0 orientation:originalOrientation]; 

    CGImageRelease(imgRef); 

    return img;  
} 

記得導入：

#import <QuartzCore/Quartzcore.h> 

並添加CoreGraphics和CoreImage框架到您的項目。 使用iOS 5.1測試iPhone 3GS CIFilter從iOS 5.0開始可用。