CODEWITHSUNDEEP
c#iosxamarinuiimage
SunLiker67
SunLiker67

Reputation: 119

UIImage PNG coloration

I would like to color a PNG when user clicks on it.

I found an example in Xcode here but when I try it in C# I can't Retrieve the image.

Here is the code I wrote:

public UIImage DrawSelectedBorder(UIImage image)
{
    UIGraphics.BeginImageContextWithOptions(image.Size, false, image.CurrentScale); // for correct resolution on retina, thanks @MobileVet
    CGContext context = UIGraphics.GetCurrentContext();

    context.TranslateCTM(0, image.Size.Height);
    context.ScaleCTM((System.nfloat)1.0, (System.nfloat)(-1.0));

    CGRect rect = new CGRect(0, 0, image.Size.Width, image.Size.Height);

    context.SetBlendMode(CGBlendMode.Normal);
    context.SetFillColor(UIColor.Black.CGColor);
    context.FillRect(rect);


    // draw original image
    context.SetBlendMode(CGBlendMode.Normal);
    context.DrawImage(rect,image.CGImage);

    // tint image (losing alpha) - the luminosity of the original image is preserved
    context.SetBlendMode(CGBlendMode.Color);
    context.FillRect(rect);

    // mask by alpha values of original image
    context.SetBlendMode(CGBlendMode.DestinationIn);
    context.DrawImage(rect, image.CGImage);

    UIImage coloredImage = UIGraphics.GetImageFromCurrentImageContext();
    UIGraphics.EndImageContext();

    return coloredImage;
}

Upvotes: 3

Views: 166

Answers (1)

Leze
Leze

Reputation: 759

Just tried your code. Everything is right but you didn't choose the color you want to fill in your PNG.

Change:

// tint image (losing alpha) - the luminosity of the original image is preserved
context.SetBlendMode(CGBlendMode.Color);
context.FillRect(rect);

to: 

// tint image (losing alpha) - the luminosity of the original image is preserved
context.SetBlendMode(CGBlendMode.Color);
context.SetFillColor(UIColor.Red.CGColor);
context.FillRect(rect);

Upvotes: 3

Related Questions