7

我正在开发一个应用程序 - 或者更确切地说是一些可重复使用的“框架”，一旦它工作，我很乐意分享。在这个应用程序中，用户应该能够从颜色主题列表中进行选择。因此，应用程序必须能够以某种相当动态的方式为其 UI 元素着色。

对于按钮，所有着色都不起作用。必须在此处提供适当着色的背景图像。但是为每个人准备一组背景图像只是第二好的。它不够动态和灵活。

最后，解决方案可能归结为为选定的正常状态提供一个单色（灰色）渐变图像，并使用 CoreGraphics 或 OpenGL 以编程方式为该图像着色。但坦率地说，我不知道从哪里开始。渐变应该是什么样子，然后我将如何以任何给定的颜色以编程方式对其进行着色？

几乎适用于 UISegmentedControls，只是稍微复杂一点。:) 任何涵盖 UISegementedControls 的通用解决方案都受到高度赞赏。

4

6 回答 6

42

在iOS7中可以imagedWithRenderingMode:结合使用方法setTintColor:

但是，请务必使用它，UIImageRenderingModeAlwaysTemplate因为它将 a 上的所有非透明颜色替换UIImage为 tint 颜色。默认值为UIImageRenderingModeAutomatic.

UIImageRenderingModeAlwaysTemplate

Always draw the image as a template image, ignoring its color information.

目标-C：

UIImage * image = [myButton.currentImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
[myButton setImage:image forState:UIControlStateNormal];

迅速：

let image = myButton.currentImage?.withRenderingMode(.alwaysTemplate)
myButton.setImage(image, for: .normal)
于 2013-10-20T01:24:49.893 回答
12

我在另一篇我找不到的帖子之后创建了一个 UIImage 类别，该帖子采用图像并将其着色如下：

- (UIImage *)tintedImageWithColor:(UIColor *)tintColor {
    UIGraphicsBeginImageContextWithOptions(self.size, NO, [[UIScreen mainScreen] scale]);
    CGContextRef context = UIGraphicsGetCurrentContext();


    CGContextTranslateCTM(context, 0, self.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);

    CGRect rect = CGRectMake(0, 0, self.size.width, self.size.height);

    // draw alpha-mask
    CGContextSetBlendMode(context, kCGBlendModeNormal);
    CGContextDrawImage(context, rect, self.CGImage);

    // draw tint color, preserving alpha values of original image
    CGContextSetBlendMode(context, kCGBlendModeSourceIn);
    [tintColor setFill];
    CGContextFillRect(context, rect);

    UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return coloredImage;
}

这将获取图像并使用给定颜色的 alpha 值填充所有区域。

于 2013-10-16T20:18:33.720 回答
4

我使用 horsejockey 的代码创建了一个 UIButton 类别： https ://github.com/filipstefansson/UITintedButton

以下是新方法：

-(void)setImageTintColor:(UIColor *)color;
-(void)setBackgroundTintColor:(UIColor *)color forState:(UIControlState)state;
+(void)tintButtonImages:(NSArray *)buttons withColor:(UIColor *)color;
+(void)tintButtonBackgrounds:(NSArray *)buttons withColor:(UIColor *)color forState:(UIControlState)state;
于 2013-10-20T13:37:51.367 回答
1

这是您问题的部分答案。这是我编写的一个辅助方法，可以为灰度图像着色：

// baseImage is the grey scale image. color is the desired tint color
+ (UIImage *)tintImage:(UIImage *)baseImage withColor:(UIColor *)color {
    UIGraphicsBeginImageContextWithOptions(baseImage.size, NO, baseImage.scale);

    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGRect area = CGRectMake(0, 0, baseImage.size.width, baseImage.size.height);

    CGContextScaleCTM(ctx, 1, -1);
    CGContextTranslateCTM(ctx, 0, -area.size.height);

    CGContextSaveGState(ctx);
    CGContextClipToMask(ctx, area, baseImage.CGImage);

    [color set];
    CGContextFillRect(ctx, area);
    CGContextRestoreGState(ctx);

    CGContextSetBlendMode(ctx, kCGBlendModeOverlay);

    CGContextDrawImage(ctx, area, baseImage.CGImage);

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    // If the original image was stretchable, make the new image stretchable
    if (baseImage.leftCapWidth || baseImage.topCapHeight) {
        newImage = [newImage stretchableImageWithLeftCapWidth:baseImage.leftCapWidth topCapHeight:baseImage.topCapHeight];
    }

    return newImage;
}
于 2013-01-24T23:18:22.273 回答
0

我正在向您推荐一个 SO 问题，该问题似乎是您正在寻找的内容，并且有答案。

如何在 iPhone 中为透明的 PNG 图像着色？

于 2013-01-24T22:28:04.257 回答
0

我从“horsejockey”中修改了一些东西：

+(UIImage *)getTintedImage:(UIImage*)image withColor:(UIColor *)tintColor
{
    UIGraphicsBeginImageContextWithOptions(image.size, NO, [[UIScreen mainScreen] scale]);
    CGContextRef context = UIGraphicsGetCurrentContext();


    CGContextTranslateCTM(context, 0, image.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);

    CGRect rect = CGRectMake(0, 0, image.size.width, image.size.height);

    // draw alpha-mask
    CGContextSetBlendMode(context, kCGBlendModeNormal);
    CGContextDrawImage(context, rect, image.CGImage);

    // draw tint color, preserving alpha values of original image
    CGContextSetBlendMode(context, kCGBlendModeSourceIn);
    [tintColor setFill];
    CGContextFillRect(context, rect);

    UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return coloredImage;
}
于 2014-01-10T15:27:13.250 回答