Underline Tabbar ios swift

In this story we will continue with previous Single View Application Xcode project.

Tabbar iOS Swift

You can read the above story for basic understanding of UITabbar.

What we see today.

1. Underline TabBar
2. TabBar shadow color

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

1. Underline TabBar

Create a UITabBarController class

Add the class to tabbarviewcontroller

By using the extension of UIImage

extension UIImage {
func createSelectionIndicator(color: UIColor, size: CGSize, lineWidth: CGFloat) -> UIImage {
UIGraphicsBeginImageContextWithOptions(size, false, 0)
color.setFill()
UIRectFill(CGRect(x: 0, y: size.height — lineWidth, width: size.width, height: lineWidth))
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return image!
}
}

call function in viewdidload

tabBar.selectionIndicatorImage = UIImage().createSelectionIndicator(color: .green, size: CGSize(width: tabBar.frame.width/CGFloat(tabBar.items!.count), height: tabBar.frame.height), lineWidth: 3.0)

It will look something like below code

Now run your app you will get the below beautiful screen.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

2. TabBar shadow color

Continue the previous topic just add below code in viewdidload.

tabBar.layer.shadowColor = UIColor.lightGray.cgColor
tabBar.layer.shadowOpacity = 0.5
tabBar.layer.shadowOffset = CGSize.zero
tabBar.layer.shadowRadius = 5
self.tabBar.layer.borderColor = UIColor.clear.cgColor
self.tabBar.layer.borderWidth = 0
self.tabBar.clipsToBounds = false
self.tabBar.backgroundColor = UIColor.white
UITabBar.appearance().shadowImage = UIImage()
UITabBar.appearance().backgroundImage = UIImage()

Now run your app you will again get the below beautiful screen.

Complete project link:

nitish912/underlineTabBar

Thank you!!! Happy coding.