Jak odcień przezroczystego obrazu PNG w iPhonie?

Odniosłem największy sukces z tą metodą, ponieważ inne, które wypróbowałem, powodowały zniekształcone kolory dla półprzezroczystych pikseli dla pewnych kombinacji kolorów. Powinno to być również nieco lepsze od strony wydajności.

+ (UIImage *) imageNamed:(NSString *) name withTintColor: (UIColor *) tintColor {

    UIImage *baseImage = [UIImage imageNamed:name];

    CGRect drawRect = CGRectMake(0, 0, baseImage.size.width, baseImage.size.height);

    UIGraphicsBeginImageContextWithOptions(baseImage.size, NO, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();

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

    // draw original image
    CGContextSetBlendMode(context, kCGBlendModeNormal);
    CGContextDrawImage(context, drawRect, baseImage.CGImage);

    // draw color atop
    CGContextSetFillColorWithColor(context, tintColor.CGColor);
    CGContextSetBlendMode(context, kCGBlendModeSourceAtop);
    CGContextFillRect(context, drawRect);

    UIImage *tintedImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return tintedImage;
}

Po przeszukaniu, najlepszym rozwiązaniem, do którego doszedłem, jest użycie kombinacji trybu mieszania i maski przycinającej, aby uzyskać koloryzację / przyciemnianie przezroczystego PNG: {]}

CGContextSetBlendMode (context, kCGBlendModeMultiply);

CGContextDrawImage(context, rect, myIconImage.CGImage);

CGContextClipToMask(context, rect, myIconImage.CGImage);

CGContextSetFillColorWithColor(context, tintColor);

CGContextFillRect(context, rect);

Mogę uzyskać wyniki bardzo zbliżone do odcienia w pasku nawigacyjnym Apple za pomocą kCGBlendModeOverlay. Taking excelent @ fabb answer and combining @ omz approach in this post https://stackoverflow.com/a/4684876/229019 przyszedłem z takim rozwiązaniem, które trzyma wyniki oczekiwałem:

- (UIImage *)tintedImageUsingColor:(UIColor *)tintColor;
{
    UIGraphicsBeginImageContextWithOptions (self.size, NO, [[UIScreen mainScreen] scale]);

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

    // draw original image
    [self drawInRect:rect blendMode:kCGBlendModeNormal alpha:1.0f];

    // tint image (loosing alpha). 
    // kCGBlendModeOverlay is the closest I was able to match the 
    // actual process used by apple in navigation bar 
    CGContextSetBlendMode(context, kCGBlendModeOverlay);
    [tintColor setFill];
    CGContextFillRect(context, rect);

    // mask by alpha values of original image
    [self drawInRect:rect blendMode:kCGBlendModeDestinationIn alpha:1.0f];

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

Oto przykład przyciemniania kilku obrazów w skali szarości przezroczystością:

:

• pierwsza linia to pasek narzędzi Apple tinted [uicolor orangeColor].
• druga linia to ten sam gradient zabarwiony na kilka kolorów, zaczynając od przezroczystego koloru (=rzeczywisty gradient), a kończąc na tym samym pomarańczowym.
• trzeci jest prostym okręgiem z przezroczystością (len jest kolorem tła)
• czwarta linia jest złożoną ciemną hałaśliwą fakturą

Możesz utworzyć kategorię UIImage i zrobić to tak:

- (instancetype)tintedImageWithColor:(UIColor *)tintColor {
    UIGraphicsBeginImageContextWithOptions(self.size, NO, 0.0);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGRect rect = (CGRect){ CGPointZero, self.size };
    CGContextSetBlendMode(context, kCGBlendModeNormal);
    [self drawInRect:rect];

    CGContextSetBlendMode(context, kCGBlendModeSourceIn);
    [tintColor setFill];
    CGContextFillRect(context, rect);

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

W iOS7 wprowadzono właściwość Tintcolor w UIImageView i renderingMode w UIImage. Zobacz mój przykład na https://stackoverflow.com/a/19125120/1570970

Zauważ, że w zaakceptowanej odpowiedzi przez fabb, kod" otaczający " do tworzenia UIImage dał mi złą rozdzielczość obrazów na ekranie siatkówki. Aby naprawić, zmień:

UIGraphicsBeginImageContext (myIconImage.Rozmiar);

Do:

UIGraphicsBeginImageContextWithOptions (myIconImage.size, NO, 0.0);

Ostatnim parametrem, który jest ustawiony na 0.0 jest scale, i zgodnie z dokumentacją Apple: "Jeśli podasz wartość 0.0, współczynnik skali jest ustawiony na współczynnik skali ekran główny urządzenia".

Nie mam uprawnień do komentowania, a edycja wydaje się nieco niegrzeczna, więc wspominam o tym w odpowiedzi. Na wypadek, gdyby ktoś napotkał ten sam problem.

W systemie iOS 7.0 możesz to zrobić również, aby odcień podstawowego interfejsu UIImageView:

UIImage *iconImage = [[UIImage imageNamed:@"myImageName"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];    
UIImageView *icon = [[UIImageView alloc] initWithImage:iconImage];
icon.tintColor = [UIColor redColor];

UIImageView (lub dowolny Widok) ma kolor tła, który jest RGBA. Alfa w kolorze może zrobić to, czego potrzebujesz, bez wymyślania czegoś nowego.

Nie Moja praca, ale z powodzeniem zastosowałem takie podejście:

Http://coffeeshopped.com/2010/09/iphone-how-to-dynamically-color-a-uiimage

Chciałem przyciemnić moje widoki w mojej niestandardowej podklasie UIButton, a inne rozwiązania nie robiły tego, co chciałem. Musiałem przyciemnić" odcień " koloru obrazu. Oto jak zmienić jasność za pomocą CoreImage.

1. Upewnij się, że dodałeś CoreImage.framework do bibliotek twojego projektu. (Link binarny z bibliotekami)

2. UIImage shade method

   - (UIImage *)shadeImage:(UIImage *)image {
    CIImage *inputImage = [CIImage imageWithCGImage:image.CGImage];
   
    CIContext *context = [CIContext contextWithOptions:nil];
   
    CIFilter *filter = [CIFilter filterWithName:@"CIColorControls"
                                 keysAndValues:kCIInputImageKey, inputImage,
                       @"inputBrightness", [NSNumber numberWithFloat:-.5], nil];
    CIImage *outputImage = [filter outputImage];
   
    CGImageRef cgImage = [context createCGImage:outputImage fromRect:[outputImage extent]];
    UIImage *newImage = [UIImage imageWithCGImage:cgImage scale:image.scale orientation:image.imageOrientation];
    CGImageRelease(cgImage);
   
    return newImage;
   }
   

3. Będziesz chciał przechowywać kopię kontekstu jako ivar, a nie odtworzyć.

Żadne odpowiedzi nie pomogą mi w przepełnieniu stosu: nasi projektanci rysują elementy interfejsu użytkownika o różnych formach, różnych wartościach alfa (i "otworach Alfa"). W większości przypadków jest to 32-bitowy plik PNG z kanałem alfa, który zawiera czarno-białe piksele (wszystkich możliwych intensywności). Po przyciemnieniu takiego zdjęcia musiałem uzyskać taki przyciemniony wynik: białe piksele-przyciemnione więcej, a ciemne piksele-mniej. A wszystko to w świetle kanału alfa. I napisałem tę metodę dla mojej kategorii UIImage. Może nie jest wysoka wydajny, ale działa jak zegar:) tutaj jest:

- (UIImage *)imageTintedWithColor:(UIColor *)color {
    UIGraphicsBeginImageContextWithOptions(self.size, NO, self.scale);
    CGContextRef context = UIGraphicsGetCurrentContext();

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

    CGContextSetBlendMode(context, kCGBlendModeCopy);
    [color setFill];
    CGContextFillRect(context, rect);

    [self drawInRect:rect blendMode:kCGBlendModeXOR alpha:1.0];

    CGContextSetBlendMode(context, kCGBlendModeXOR);
    CGContextFillRect(context, rect);

    [self drawInRect:rect blendMode:kCGBlendModeMultiply alpha:1.0];

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

    return coloredImage;
}

Najpierw chcę podziękować fabbowi za jego wyjątkowe rozwiązanie, które pomogło mi wykonać moje zadanie polegające na odbarwianiu ikon w połowie przezroczystych. Ponieważ potrzebowałem rozwiązania dla C# (Monotouch) musiałem przetłumaczyć jego kod. Oto, co wymyśliłem. Po prostu skopiuj wklej to do kodu i dodaj swój półprzezroczysty obraz i gotowe.

//TINT COLOR IMAGE
UIImageView iImage = new UIImageView(new RectangleF(12, 14, 24,24));
iImage.ContentMode = UIViewContentMode.ScaleAspectFit;
iImage.Image = _dataItem.Image[0] as UIImage;

UIGraphics.BeginImageContextWithOptions(iImage.Bounds.Size, false, UIScreen.MainScreen.Scale);
CGContext context = UIGraphics.GetCurrentContext();

context.TranslateCTM(0, iImage.Bounds.Size.Height);
context.ScaleCTM(1.0f, -1.0f);

RectangleF rect = new RectangleF(0,0, iImage.Bounds.Width, iImage.Bounds.Height);

// draw black background to preserve color of transparent pixels
context.SetBlendMode(CGBlendMode.Normal);
UIColor.Black.SetFill();
context.FillRect(rect);

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

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

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

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

iImage = new UIImageView(coloredImage);
iImage.Frame = new RectangleF(12, 14, 24,24);
//END TINT COLOR IMAGE

cell.Add(iImage);