In ein buntes Bild als das rechte Leiste Taste Element in einer Navigationsleiste

Question

ich ein rechten Navigationsleiste Element hinzufügen, die ein farbigen Hintergrund Bild hat: als Hintergrund der Schaltfläche

let rightButton = UIBarButtonItem(image: UIImage(named: "avatar")!, 
            style: UIBarButtonItemStyle.Plain, 
            target: self,  
            action: #selector(self.rightNavBarItemAction)) 

navigationItem.rightBarButtonItem = rightButton 

Anstatt das Bild von (in Farben), bekomme ich einen weißen Platzhalter.

Answer 1

Sie können das Bild des Rendering-Modus zu UIImageRenderingMode.AlwaysOriginal aktualisieren.

let img = UIImage(named: "avatar")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal); 
let rightButton = UIBarButtonItem(image: img, 
             style: UIBarButtonItemStyle.Plain, 
             target: self, 
             action: #selector(self.rightNavBarItemAction)) 

Alternativ können Sie eine benutzerdefinierte Ansicht wie in Vladimir Antwort gesetzt.

Answer 2

Um dies zu erreichen, müssen Sie eine Taste UIButton, setzen Sie das Bild dieser Taste und dann als die benutzerdefinierte Ansicht zugewiesen, wenn Ihr UIBarButtonItem:

let button = UIButton() 
button.frame = CGRectMake(0, 0, 51, 31) 
button.setImage(UIImage(named: "avatar"), forState: .Normal) 
button.addTarget(self, action: #selector(self.rightNavBarItemAction)), forControlEvents: .TouchUpInside) 

let barButton = UIBarButtonItem() 
barButton.customView = button 
self.navigationItem.rightBarButtonItem = barButton