Come impostare il colore dell'immagine in formato NSTextAttachment

Question

Come posso impostare il colore di un'immagine basata su modello che è un allegato su una stringa attribuita?

Background:

Ho un UILabel e sto impostando il suo attributedText a un NSAttributedString. NSAttributedString include un NSTextAttachment con una piccola immagine. Ora voglio fare in modo che il colore dell'immagine corrisponda al colore del testo e non riesco a capire come farlo funzionare.

Normalmente mi aspetto di colorare l'immagine impostando la sua modalità di rendering su UIImageRenderingModeAlwaysTemplate e quindi impostando tintColor sul UIView contenente. Ho provato a impostare tintColor sulla mia UILabel, ma ciò non ha alcun effetto.

Ecco il mio codice. E 'in Ruby (RubyMotion) quindi la sintassi potrebbe apparire un po' strano, ma le mappe 1: 1 con Objective C.

attachment = NSTextAttachment.alloc.initWithData(nil, ofType: nil) 
attachment.image = UIImage.imageNamed(icon_name).imageWithRenderingMode(UIImageRenderingModeAlwaysTemplate) 

label_string = NSMutableAttributedString.attributedStringWithAttachment(attachment) 
label_string.appendAttributedString(NSMutableAttributedString.alloc.initWithString('my text', attributes: { NSFontAttributeName => UIFont.preferredFontForTextStyle(UIFontTextStyleFootnote), NSForegroundColorAttributeName => foreground_color })) 

label = UILabel.alloc.initWithFrame(CGRectZero) 
label.tintColor = foreground_color 
label.attributedText = label_string 
label.textAlignment = NSTextAlignmentCenter 
label.numberOfLines = 0 

Answer 1

ho una buona esperienza con l'utilizzo della libreria UIImage+Additions quando colorazione UIImage di. Puoi trovarlo qui: https://github.com/vilanovi/UIImage-Additions. Controllare in particolare la sezione IV.

Se l'aggiunta di una libreria di terze parti non è un'opzione, qui è qualcosa per iniziare:

- (UIImage *)colorImage:(UIImage *)image color:(UIColor *)color 
{ 
    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); 

    CGContextSetBlendMode(context, kCGBlendModeNormal); 
    CGContextDrawImage(context, rect, image.CGImage); 
    CGContextSetBlendMode(context, kCGBlendModeSourceIn); 
    [color setFill]; 
    CGContextFillRect(context, rect); 


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

    return coloredImage; 
} 

Questo renderà un UIImage andare da:

Per

Answer 2

Sembra che ci sia un bug in UIKit. C'è una soluzione alternativa per questo;]

Per qualche motivo è necessario aggiungere uno spazio vuoto prima dell'allegato dell'immagine per farlo funzionare correttamente con UIImageRenderingModeAlwaysTemplate.

Così il vostro frammento sarebbe simile a quello (il mio è in objC):

- (NSAttributedString *)attributedStringWithValue:(NSString *)string image:(UIImage *)image { 
    NSTextAttachment *attachment = [[NSTextAttachment alloc] init]; 
    attachment.image = image; 

    NSAttributedString *attachmentString = [NSAttributedString attributedStringWithAttachment:attachment]; 
    NSMutableAttributedString *mutableAttributedString = [[NSMutableAttributedString alloc] initWithAttributedString:[[NSAttributedString alloc] initWithString:@" "]]; 
    [mutableAttributedString appendAttributedString:attachmentString]; 
    [mutableAttributedString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:0] range:NSMakeRange(0, mutableAttributedString.length)]; // Put font size 0 to prevent offset 
    [mutableAttributedString addAttribute:NSForegroundColorAttributeName value:[UIColor whiteColor] range:NSMakeRange(0, mutableAttributedString.length)]; 
    [mutableAttributedString appendAttributedString:[[NSAttributedString alloc] initWithString:@" "]]; 

    NSAttributedString *ratingText = [[NSAttributedString alloc] initWithString:string]; 
    [mutableAttributedString appendAttributedString:ratingText]; 
    return mutableAttributedString; 
} 

Answer 3

La soluzione da @blazejmar funziona, ma non è necessario. Tutto ciò che devi fare affinché questo funzioni è impostare il colore dopo che le stringhe attribuite sono state collegate. Ecco un esempio.

NSTextAttachment *attachment = [[NSTextAttachment alloc] init]; 
attachment.image = [[UIImage imageNamed:@"ImageName"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate]; 

NSAttributedString *attachmentString = [NSAttributedString attributedStringWithAttachment:attachment]; 

NSString *string = @"Some text "; 
NSRange range2 = NSMakeRange(string.length - 1, attachmentString.length); 

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:string]; 
[attributedString appendAttributedString:attachmentString]; 
[attributedString addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:range2]; 
self.label.attributedText = attributedString; 

Answer 4

utilizzare UIImageRenderingModeAlwaysOriginal per il colore dell'immagine originale. UIImageRenderingModeAlwaysTemplate per colore personalizzato.