Setting Selected Image in Tab Bar Controller with Storyboard

Question

I am using Storyboarding and I have a tab bar controller with five tabs. In the storyboard, I am able to set the image for the tab bar item. Apple docs suggest to have two icons for each tab bar item - one for selected and one for the unselected state.

I am not able to figure out how I can do this using storyboard.

Answer 1

You can use storyboard to set selected image of tabbar. I tried and it worked for me. Select the UITabbarItem and add a run-time attribute 'selectedImage', select Type as 'Image' and give the name of your image as its value.

I am using XCode 6.0 and my minimum deployment target is iOS 8.0.

Answer 2

Here is complete solution for selected/unselected image in Tabbar For XCode >= 8:

• Go to Image assets -> select image
• Select Render AS: "Original Image"

• After that go to storyboard -> Select Tabbar Item
• Under Attribute Inspectors, set "Selected Image" & "Image" as shown in following screenshot, that`s it: