CODEWITHSUNDEEP
iosxcodeswiftuibarbuttonitem
beninabox_uk
beninabox_uk

Reputation: 684

Navigation bar button image not showing in Swift

I'm back again.

I'm writing an app in Swift using Xcode 7. I've added a navigation controller and on top of that a navigation item, and then a bar button. I'm trying to change the image of the bar button to a png that I've imported into Xcode. However, it just shows this in the design and also when I run the app. It just shows a blue smudge in the navigation area.

bar button image not appearing!

I've tried importing the image into the project and also into images.xcassets with the same results.

Anyone know what may be wrong here?

Here's the image I've been trying to add and the settings I currently have.

image I'm trying to add

Settings:

settings of image

Upvotes: 15

Views: 7525

Answers (2)

Nicholas Murray
Nicholas Murray

Reputation: 13533

The way to resolve navigation button images appearing as blue is to select the image set in Assets.

And then choose Original Image from the Render As select options.

enter image description here

Upvotes: 39

cekisakurek
cekisakurek

Reputation: 2474

You should have a image with alpha.(The sample image you posted has white background). Also you should set the image with template mode. I dont know how to do that in Interface builder. This is a sample code to convert the image to template.

var image = UIImage(named: "").imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)

Upvotes: 5

Related Questions