Customize UINavigationBar back button

Question

I am new to iOS development. I am creating an application with TableViewController. On that screen I added a navigation bar too. I want the title and sub title,want to customize back button. I use the following code to add the title and sub title.

func setTitle(title:String, subtitle:String) -> UIView {
        let titleLabel = UILabel(frame: CGRectMake(0, 25, 0, 0))


        ....
        let subtitleLabel = UILabel(frame: CGRectMake(0, 54, 0, 0))
       ....
        let titleView = UIView(frame: CGRectMake(0, 0, max(titleLabel.frame.size.width, subtitleLabel.frame.size.width), 95))

        .....

        return titleView
    }

Above code working fine. Now I want to customize the back button. My origional design should the following screenshot . But my output not simillar it is like the following screenshot .

I am also using the following code to change the back button style

    navigationController!.navigationBar.barTintColor = UIColor(red: 224/255, green: 224/255, blue: 224/255, alpha: 1.0)
 navigationController?.navigationBar.backIndicatorImage = UIImage(named: "back_button")
        self.navigationController!.navigationBar.backItem!.title = "";
//        self.navigationController!.navigationBar.backItem!
        navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(named: "back_button")

Why my back button is different. Please someone help me to find out the issue.

Abdul Karim · Accepted Answer · 2015-12-18 11:21:09Z

1

set the navigation bar button item tint colour to white or default... and check may be it will solve your problem

if you are using story board then open storyboard - Then Click the view where you have set the navigation bar image - click on that image - open attribute inspector - set the tint colour and if you have set it programatically then

 self.navigationBar.barStyle = UIBarStyle.Black
 self.navigationBar.tintColor = UIColor.whiteColor()

edited Dec 18, 2015 at 11:21

answered Dec 18, 2015 at 11:05

Abdul Karim

4,5732 gold badges44 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Abdul Karim Over a year ago

if you are using story board then open storyboard - Then Click the view where you have set the navigation bar image - click on that image - open attribute inspector - set the tint colour and if you have set it programatically then self.navigationBar.barStyle = UIBarStyle.Black & self.navigationBar.tintColor = UIColor.whiteColor()

Amsheer Over a year ago

I am not using storyboard for this. I tried your code not working.

Abdul Karim Over a year ago

have you edited this.... navigationController!.navigationBar.barTintColor = UIColor(red: 224/255, green: 224/255, blue: 224/255, alpha: 1.0) with the above code...

Collectives™ on Stack Overflow

Customize UINavigationBar back button

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related