UIImageView将图像过滤为纯色

Question

我有一些带有透明背景的彩色图标。我希望能够根据程序的状态自动显示这些（纯色灰色）的平面版本。

我可以使用核心图像过滤器吗？还有别的办法吗？

Answer 1

子类并创建自己的UIImageView（或具有UIImageView属性的UIView）并覆盖drawRect，您将需要将上下文剪辑到图像掩码，然后填充纯色：

- (void)drawRect:(CGRect)rect;
{
  CGRect bounds = [self bounds];
  [[UIColor grayColor] setFill];
  CGContextRef context = UIGraphicsGetCurrentContext();
  CGContextClipToMask(context, bounds, [image CGImage]);
  CGContextFillRect(context, bounds);
}

Answer 2

我想我以前也做过同样的事情，我有一些彩色图标，但我需要保持形状并将颜色更改为单色。所以我为UIImage写了一个扩展。

这是代码，希望能对你有所帮助。

UIImage+MonoImage.h

//
//  UIImage+MonoImage.h
//  ShiftScheduler
//
//  Created by Zhang Jiejing on 12-2-11.
//  Copyright (c) 2012. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface UIImage (MonoImage)
// This function create a Image Context and draw the image with mask
// then clip the context to mask
// then fill the color user choosed.
// that can create a image shape with specify color icon.
+ (UIImage *) generateMonoImage: (UIImage *)icon withColor:(UIColor *)color;
@end

UIImage+MonoImage.m

//
//  UIImage+MonoImage.m
//  ShiftScheduler
//
//  Created by Jiejing Zhang on 12-2-11.
//  Copyright (c) 2012. All rights reserved.
//
#import "UIImage+MonoImage.h"
@implementation UIImage (MonoImage)
+ (UIImage *) generateMonoImage: (UIImage *)icon withColor:(UIColor *)color
{
    UIImage *finishImage;
    CGImageRef alphaImage = CGImageRetain(icon.CGImage);
    CGColorRef colorref = CGColorRetain(color.CGColor);
    UIGraphicsBeginImageContext(icon.size);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGRect imageArea = CGRectMake (0, 0,
                                   icon.size.width, icon.size.height);
    // Don't know why if I don't translate the CTM, the image will be a *bottom* up
    // aka, head on bottom shape, so I need use TranlateCTM and ScaleCTM to let
    // all y-axis to be rotated.
    CGFloat height = icon.size.height;
    CGContextTranslateCTM(ctx, 0.0, height);
    CGContextScaleCTM(ctx, 1.0, -1.0);
    CGContextClipToMask(ctx, imageArea , alphaImage);
    CGContextSetFillColorWithColor(ctx, colorref);
    CGContextFillRect(ctx, imageArea);
    CGImageRelease(alphaImage);
    CGColorRelease(colorref);
    finishImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return finishImage;
}

@end

Answer 3

这是我创建的一个UIView子类。非常感谢奥利弗指出这一点。我认为你当时不能将UIImageView子类化。

@interface SolidColorImageView : UIView
@property (nonatomic, strong) UIImage * image;
@property (nonatomic) BOOL enabled;
@end



@implementation SolidColorImageView
- (void)setImage:(UIImage *)image {
    _image = image;
    [self setNeedsDisplay];
}
- (void)setEnabled:(BOOL)enabled {
    _enabled = enabled;
    [self setNeedsDisplay];
}
- (void)drawRect:(CGRect)rect;
{
    CGRect bounds = [self bounds];
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClearRect(context, bounds);
    [[UIColor whiteColor] setFill];
    CGContextFillRect(context, bounds);
    CGRect aspectFitRect = [self aspectFit:self.image inFrame:bounds];
    if (self.image && self.enabled == NO) {
        [[UIColor grayColor] setFill];
        CGContextTranslateCTM(context, 0, bounds.size.height);
        CGContextScaleCTM(context, 1.0, -1.0);
        CGContextClipToMask(context, aspectFitRect, [self.image CGImage]);
        CGContextFillRect(context, bounds);        
    } else if (self.image) {
        [self.image drawInRect:aspectFitRect];
    }
}

-(CGRect)aspectFit:(UIImage*)image inFrame:(CGRect)outerFrame {
    CGSize imageSize = image.size;
    CGSize viewSize = outerFrame.size;
    float hfactor = imageSize.width / viewSize.width;
    float vfactor = imageSize.height / viewSize.height;
    float factor = fmax(hfactor, vfactor);
    // Divide the size by the greater of the vertical or horizontal shrinkage factor
    float newWidth = imageSize.width / factor;
    float newHeight = imageSize.height / factor;
    float newX = outerFrame.origin.x + (outerFrame.size.width - newWidth)/2;
    float newY = outerFrame.origin.y + (outerFrame.size.height - newHeight)/2;
    CGRect newRect = CGRectMake(newX, newY, newWidth, newHeight);
    return newRect;
}
@end