Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – how to customise UINavigation bar with two labels left aligned

Requirement

Required Design

I am only able to bring the title at centre

how it can be done?

Tags:

2

Answers


  1. 0

    Custom view, set navigationItem.titleView.

    Login or Signup to reply.
  2. 0

    You can create a custom view and set it as the titleView of the navigationItem.

    TitleView.xib

    • Add a UIView and create the layout as you wish.
    • Set the backgroundColor of the View and ViewController to clear.

    enter image description here

    TitleView.swift

    import UIKit

class TitleView: UIView {

    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var label1: UILabel!
    @IBOutlet weak var label2: UILabel!
    
    class func instanceFromNib() -> TitleView {
        return UINib(nibName: "TitleView", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! TitleView

    }
    
    override var intrinsicContentSize: CGSize {
        return UIView.layoutFittingExpandedSize
    }
}

    ViewController.swift

     override func viewDidLoad() {
      super.viewDidLoad()
        
      self.navigationItem.titleView = TitleView.instanceFromNib()
 }

    Preview

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search