How to make a tab bar with images? - ios

I want to make an tab bar like this
I don't want to make image grey or blue on selection of a tab, which is default that when you select a tab, it will become blue, and when you unselect, it will become grey.

Related

Swift How do I stop the tab bar from changing background colors

I'm working on a project that requires a Tabbar. Currently I have my code set up so that after login or sign up I'm presented by the Explore tab (The third tab). The goal I'm trying to achieve is to have my project only show a translucent tab bar background. When I was originally working on my project I had no issue doing this. I ran in the problem after I incorporated a table view that allow for scrolling. Currently when ever I push on the tab 1-4 I get a translucent background. When tab 5 (includes the table view with scrolling) is pressed the background of the tab bar changes to a gray color. Even if I press out of the tab to a different one the gray tab bar background color doesn't change. The only way I found to dismiss the back ground color after the 5th tab has been selected is to scroll all the way down. After I'm scrolled down it allows the user to see the translucent background again. Then you can select different tab bars and you'll see the translucent background again. How do I only show a translucent color
You need to set Bar-Tint colour to Default. ScreenShot

UITabBarItem badge colour is showing grey

For some reason badge on one Tab item is showing grey colour. I'm not sure why. It happens only for one Tab, for the rest of tabs it is correct (red colour). How do I fix it? What to look for?
It was my mistake, I had set the Tab bar item Badge colour specifically to grey in the storyboard.

remove tab bar blurred effect

Is there any away to remove tab bar blurred effect
I set background image and it looks like the first picture.
If I make it transparent, you can see the table through it like the second picture.
I want to make it like the third picture
You can make it transparent using
the barTintColor property.
nameOfTabBar.barTintColor = .clear
This property is incharge of the tint color to apply to the tab bar background.
You can find more information on https://developer.apple.com/documentation/uikit/uitabbar

Tab Bar Item Shadow Effect

I don't want the default style of touching the tabBarItem, which is making the one choosing to be white and others be grey. I want to make them to be white all the time, and the one choosing having a rectangle containing the icon with darker color? Just like the one below.How can I achieve this?

Is is possible to tint the TabBar without tinting the icons?

My app designers want a silver tab bar, which I've implemented by setting the tint color, and this works fine:
But this is also tinting the tab bar icons in such a way that they're hard to see, so I'd like to be able to control the color of these icons, but I can't figure out how. I've tried using black icons and gray icons, but they appear the same in the tab bar. Here are the source images:
But these both appear exactly the same in the tab bar, namely, the same silver color as the tab bar itself, or blue, if the tab is selected. (I'm showing the home icons here, but the same is true of the other icons.)
So how can I tint the tab bar but control the icon color? And can you have full color icons in the tab bar?
You can't change tint color of UITabBarItem icon, but you can set images to selected and unselected states:
[self.tabBarItem setFinishedSelectedImage:[UIImage imageNamed#"home-selected"]
withFinishedUnselectedImage:[UIImage imageNamed#"home-unselected"];

Resources