Swift：导航栏上的徽标以及后退按钮

Question

I want to have the logo of my app followed by the app name on the navigation bar. Along with this, there should be a back button.

Below is a screenshot :

I've tried the code below.

 self.navigationItem.setHidesBackButton(false, animated:true);

 let imgLogo : UIImage = UIImage(named:"Logo")!
 let imgViewLogo : UIImageView = UIImageView(image: imgLogo)
 imgViewLogo.frame = CGRectMake(0, 0, 40, 40)

 let leftItem:UIBarButtonItem = UIBarButtonItem(customView: imgViewLogo)
 self.navigationItem.leftBarButtonItem = leftItem
 // App Name set on storyboard at design-time

This places the logo on top of the back button shown below.

How can this be achieved?

Answer 1

You can use custom view for navigationItem.titleView . Create UIView with your logo and a label for UIViewController title and set
navigationItem.titleView = YOUR_CUSTOM_VIEW;

Answer 2

Instead of using .leftBarButtonItem use:

let imgLogo : UIImage = UIImage(named:"Logo")!
    let imgViewLogo : UIImageView = UIImageView(image: imgLogo)
    imgViewLogo.frame = CGRectMake(0, 0, 40, 40)

    let leftItem:UIBarButtonItem = UIBarButtonItem(customView: imgViewLogo)
    self.navigationItem.leftBarButtonItems?.append(leftItem)

It will be added along with the system back button

Answer 3

You can find tons of example about it.

In this example I've added also a space to centered well your logo if you needed:

let leftButton: UIBarButtonItem = UIBarButtonItem(image: UIImage(named: "Logo")!, style: UIBarButtonItemStyle.Plain, target: self, action:#selector(MyViewController.leftButtonPress(_:)))
let negativeSpacer = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FixedSpace, target: nil, action: nil)
negativeSpacer.width = -5.0 // Left inset to better center your logo
navigationItem.leftBarButtonItems = [negativeSpacer,leftButton]

func leftButtonPress(sender: AnyObject?) {
    // do whatever you want when you press back button
}