ios - 动态改变图形 Assets 颜色的策略

Question

我正在为 iOS 设计一个头像制作应用程序，我们需要做的一件事是让用户能够选择各种风格的眼睛，并且每只眼睛的虹膜可以有不同的颜色。

这是一个例子:

在不必为每个组合生成 PNG 的情况下实现此功能的好策略是什么？有任何想法吗？我不熟悉技术方面，但我能想到的一个想法是将每只眼睛的虹膜制作成单独的图像，然后对其进行颜色转换。

你会推荐什么？

Answer 1

我建议在代码中使用图像 mask 。

您可以设置两层，一层用于眼睛图像，一层用于虹膜颜色，并在用户点击选择时生成每种颜色。

这里有一些快速的屏蔽代码，应该可以在 UIImage 上完成此操作

- (UIImage*) maskImage:(UIImage *)image withMask:(UIImage *)maskImage {

    CGImageRef maskRef = maskImage.CGImage; 

    CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(maskRef),
        CGImageGetHeight(maskRef),
        CGImageGetBitsPerComponent(maskRef),
        CGImageGetBitsPerPixel(maskRef),
        CGImageGetBytesPerRow(maskRef),
        CGImageGetDataProvider(maskRef), NULL, false);

    CGImageRef masked = CGImageCreateWithMask([image CGImage], mask);
    return [UIImage imageWithCGImage:masked];

}

(取自http://mobiledevelopertips.com/cocoa/how-to-mask-an-image.html)

您每次都必须运行代码，但由于图像相当小，所以应该无关紧要。如果您想提高性能，您可以编写一个很好的帮助程序来缓存结果。