how to Give a selected TabBar a Gradient color?

Question

I tried to subclass the UITabBar and applied a Gradient color but the code i used added the color to the whole tab bar section

Code Used:

class TabViewController : UITabBarController {
   
    let gradientlayer = CAGradientLayer()
    
    override func viewDidLoad() {
       super.viewDidLoad()
    }
    
    func setUpSelectionIndicatorImage(withColors colors: [UIColor]) {
        gradientlayer.frame = tabBar.bounds
        gradientlayer.colors = [colors[0].cgColor, colors[1].cgColor]
        gradientlayer.locations = [0, 1]
        gradientlayer.startPoint = CGPoint(x: 1.0, y: 0.0)
        gradientlayer.endPoint = CGPoint(x: 0.0, y: 0.0)
        self.tabBar.layer.insertSublayer(gradientlayer, at: 0)
    }

     override func viewDidLayoutSubviews() {
        super.viewWillLayoutSubviews()
        let colors = [UIColor.IntroGradientColor1 , UIColor.IntroGradientColor2]
        setUpSelectionIndicatorImage(withColors: colors)
    }
    
}

Any idea how can i achieve this blue Gradient color ONLY on the selected tab like in the image attached .

Create two assets, selected and non-selected. Then set the image on the tab bar item to change when it becomes selected. — xTwisteDx, Jul 14 '20 at 13:04
Well this looks really genius and cool hahah adn am gonna do it now. and am sure it will work but is there any other way !! to control the colors just so i know for later ? — Mahmoud Zinji, Jul 14 '20 at 13:05
Create a custom tabbar class, you cannot achieve this screen by change default tabbar controller. — asilturk, Jul 14 '20 at 13:18
@MahmoudZinji I was facing the kind of the same issue. Have you got any solution? — amar, Dec 16 '20 at 13:20

how to Give a selected TabBar a Gradient color?

0 Answers0