BUNDLE: Jumpstart your iOS development with the Swift Power Pack – now available! >>

How to add a custom view to a UIBarButtonItem

Available from iOS 2.0 – see Hacking with Swift tutorial 4

Most UIBarButtonItems contain either an icon or some text, but they can do so much more – in fact, you can embed any kind of UIView subclass inside a bar button item, then put that button into a navigation bar or toolbar as you normally would.

For example, you can create a UIProgressView and place it into a bar button like this:

var progressView = UIProgressView(progressViewStyle: .default)
progressView.sizeToFit()

let progressButton = UIBarButtonItem(customView: progressView)

Did this solution work for you? Please pass it on!

Other people are reading…

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.

Want to build macOS apps?

Hacking with macOS delivers 18 awesome projects that teach you macOS development in no time – take control of your desktop today!

Click here to visit the Hacking with Swift store >>