Question

我正在将一款卡片融合游戏从Android移植到iOS（参见https://play.google.com/store/apps/details?id=com.pipperpublishing.fivekings）。我想用黄色的外卡着色（作为新手的游戏辅助）。

在Android中，使用白色黑色的卡片可以轻松搞定。

    static final int TINT_COLOR = Color.parseColor("#FFFF66"); //light yellow
    static final PorterDuff.Mode PORTER_DUFF_MODE = PorterDuff.Mode.DARKEN;
...

        if (highlightWildCard != null) {
            //mutate so this setting will not carry through to other rounds or to the Computer cards when shown
            this.getDrawable().mutate();
            this.getDrawable().setColorFilter(TINT_COLOR, PORTER_DUFF_MODE);
        }

我找不到在iOS中执行此操作的等效方法。我试过这个：

class CardView : UIImageView {
        static let TINT_COLOR = UIColor.yellowColor() //FIXME: UIColorFromRGB(0xFFFF66); //light yellow
...
        if (highlightWildCard != nil) {
            //for tintColor to be applied, have to replace with an image template - note this creates a new image
            self.image = self.image!.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)
            self.backgroundColor = CardView.TINT_COLOR
        }

但这只是将整张卡片涂成黄色。

我尝试过使用CGContextSetBlendMode，但只是遇到了一堆我不理解的错误。

希望你的iOS专家可以指出我正确的方向（希望不是一个涉及创建一套单独的有色卡片;）

更新：我试过在这篇文章中使用这个优秀的扩展： How to tint a transparent PNG image in iPhone? 但这似乎让卡片没有印记。

Answer 1

您可以使用CoreImage框架。

我可以告诉你如何在Objective-C中做到这一点，所以我希望这会有所帮助。您应该能够将其翻译为swift，或者您可以直接使用桥接头来使用它。

首先，您需要创建一个CoreImage上下文。最好初始化一次 - 因此使用属性保存对它的引用：

@property (strong, nonatomic) CIContext *ciContext;
...
self.ciContext = [CIContext contextWithOptions:@{kCIContextUseSoftwareRenderer : @NO}];

现在有趣的部分 - 使用CIColorMatrix过滤器来移动白色。这是一个方法就是这样做（注意它使用我们之前创建的ciContext）：

-(UIImage*)filteredImageFromImage:(UIImage*)sourceImage withColor:(UIColor*)color
{
    size_t componentCount = CGColorGetNumberOfComponents(color.CGColor);
    if (componentCount < 4)
    {
        return sourceImage;
    }

    CIImage *inputCIImage = [CIImage imageWithCGImage:sourceImage.CGImage];
    CGRect extent = [inputCIImage extent];

    CGFloat r, g, b, a;
    [color getRed:&r green:&g blue:&b alpha:&a];

    CIFilter *colorMatrixFilter = [CIFilter filterWithName:@"CIColorMatrix"];
    [colorMatrixFilter setDefaults];
    [colorMatrixFilter setValue:inputCIImage forKey:kCIInputImageKey];
    [colorMatrixFilter setValue:[CIVector vectorWithX:r Y:0 Z:0 W:0] forKey:@"inputRVector"];
    [colorMatrixFilter setValue:[CIVector vectorWithX:0 Y:g Z:0 W:0] forKey:@"inputGVector"];
    [colorMatrixFilter setValue:[CIVector vectorWithX:0 Y:0 Z:b W:0] forKey:@"inputBVector"];

    CGImageRef cgiimage = [self.ciContext createCGImage:colorMatrixFilter.outputImage fromRect:extent];
    UIImage *newImage = [UIImage imageWithCGImage:cgiimage scale:[[UIScreen mainScreen] scale] orientation:sourceImage.imageOrientation];
    CGImageRelease(cgiimage);

    return newImage;
}

最后，将你的卡片染成黄色：

UIImage *cardImage = [self filteredImageFromImage:[UIImage imageNamed:@"card"] withColor:[UIColor yellowColor]];

修改

以下是如何使用桥接标题在swift中使用它：

添加一个新的Objective-C类。我们称之为ImageFilter。

标题文件：

// ImageFilter.h #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface ImageFilter : NSObject -(UIImage*)filteredImageFromImage:(UIImage*)sourceImage withColor:(UIColor*)color; @end

实施档案：

// ImageFilter.m #import "ImageFilter.h" #import <CoreImage/CoreImage.h> @interface ImageFilter() @property (strong, nonatomic) CIContext *ciContext; @end @implementation ImageFilter - (instancetype)init { self = [super init]; if (self != nil) { self.ciContext = [CIContext contextWithOptions:@{kCIContextUseSoftwareRenderer : @NO}]; } return self; } -(UIImage*)filteredImageFromImage:(UIImage*)sourceImage withColor:(UIColor*)color { size_t componentCount = CGColorGetNumberOfComponents(color.CGColor); if (componentCount < 4) { return sourceImage; } CIImage *inputCIImage = [CIImage imageWithCGImage:sourceImage.CGImage]; CGRect extent = [inputCIImage extent]; CGFloat r, g, b, a; [color getRed:&r green:&g blue:&b alpha:&a]; CIFilter *colorMatrixFilter = [CIFilter filterWithName:@"CIColorMatrix"]; [colorMatrixFilter setDefaults]; [colorMatrixFilter setValue:inputCIImage forKey:kCIInputImageKey]; [colorMatrixFilter setValue:[CIVector vectorWithX:r Y:0 Z:0 W:0] forKey:@"inputRVector"]; [colorMatrixFilter setValue:[CIVector vectorWithX:0 Y:g Z:0 W:0] forKey:@"inputGVector"]; [colorMatrixFilter setValue:[CIVector vectorWithX:0 Y:0 Z:b W:0] forKey:@"inputBVector"]; CGImageRef cgiimage = [self.ciContext createCGImage:colorMatrixFilter.outputImage fromRect:extent]; UIImage *newImage = [UIImage imageWithCGImage:cgiimage scale:[[UIScreen mainScreen] scale] orientation:sourceImage.imageOrientation]; CGImageRelease(cgiimage); return newImage; } @end

在您的桥接文件中（通常是YourProject-Bridging-Header.h，Xcode会在您向项目添加新的Objective-C文件时自动询问和创建）导入我们的新文件：

#import ImageEffect.h

此外，不要忘记确保在目标的构建设置中的“Objective-C Bridging Header”下指定“YourProject-Bridging-Header.h”。

在快速代码中使用它：

让imageFilter：ImageFilter = ImageFilter（）

let cardImage = imageFilter.filteredImageFromImage(UIImage(named: "card"), withColor: UIColor.yellowColor());

注意：代码格式化对我来说有点疯狂，不知道为什么。这导致swift中的最后一段代码无法正常显示为代码块...

Answer 2

我尝试使用How to tint a transparent PNG image in iPhone?来进行着色，但这只会使卡片上的红色和黑色变暗，并使白色不变。但是，我切换到了.Darken的CGBlendMode（而不是.Color）并实现了我正在寻找的 - 白色变为黄色，红色/ blacl也变得可以接受的变暗。

如何在iOS中为图像的白色背景着色

2 个答案: