Add multiple buttons to navigation bar in storyboard

Question

I wonder if this can be achieved using Storyboard IB:

self.navigationItem.leftBarButtonItems = @[barButton1, barButton2]

EDITED:

The purpose is to preserve the benefits of using storyboard and if it's possible without using any lines of code.

EDIT #2:

Based on this answer I experimented and saw that it is possible to link the Title View property of the Navigation Item to a Toolbar enter image description here

but it looks to me like a hack (and I might want to preserve the Title as well):

enter image description here

Any better idea?

see this link http://stackoverflow.com/questions/9897978/cant-assign-multiple-buttons-to-uinavigationitem-when-using-storyboard-with-ios — LML, Mar 20 '14 at 10:40
This seems to be the best solution so far: http://stackoverflow.com/a/20419513/623396 — user623396, Mar 20 '14 at 11:33

score 9 · Answer 1 · answered Jun 03 '15 at 09:32

9

There a way to add a view to navigationItem. Than add buttons or labels you need to the view.

enter image description here

answered Jun 03 '15 at 09:32

JerryZhou

4,566
3
37
60

score 2 · Answer 2 · edited Oct 19 '16 at 08:40

2

Can use below code :

UIBarButtonItem *btnShare = [[UIBarButtonItem alloc] initWithCustomView:self.backbtn];
UIBarButtonItem *btnRefresh = [[UIBarButtonItem alloc] initWithCustomView:self.testbutton2];   
[self.navigationItem setLeftBarButtonItems:[NSArray arrayWithObjects:btnShare,btnRefresh, nil]];

edited Oct 19 '16 at 08:40

answered Jun 08 '15 at 11:31

Niranjan kumar

21
3

score 2 · Answer 3 · edited May 07 '18 at 11:18

2

1 -> Drag and drop Bar Button Item in navigation bar and in latest xcode you can direclty place more than one items in navigation bar either on left or right side

see this for example

edited May 07 '18 at 11:18

alexander.polomodov

5,396
14
39
46

answered May 07 '18 at 10:52

Gulfam Khan

1,010
12
23

nemesis · Answer 4 · 2014-03-20T10:53:13.700

You could create a UIToolbar containing all yours buttons:

UIToolbar *toolbar = [[UIToolbar alloc] init];
// ... set toolbars' frame, initialize buttons, etc;
[toolbar setItems:@[barButton1, barButton2] animated:NO];
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:toolbar];

Or you could use setLeftBarButtonItems:animated: and setRightBarButtonItems:animated:

Hope that helps, good luck!

score 0 · Answer 5 · answered Apr 13 '15 at 05:58

You can create Your buttons in storyboard edit/style them as you like then create their outlets and add them as top level objects and then add them at run time at viewDidLoad using [navigationItem setLeftBarButtonItems:] and [navigationItem setRightBarButtonItems:... Hope that Helps :)

score 0 · Answer 6 · answered May 26 '15 at 06:30

0

I would suggest you to add multiple button on toolbar . Adding multiple button on navigation bar is not a good idea . if you want add multiple button on toolbar using storyboard . this video link might help you to make a scrollable toolbar with multiple button https://www.youtube.com/watch?v=4nYM8EfTpRw

answered May 26 '15 at 06:30

Abhay Singh Naurang

141
1
6

I don't think is such a bad idea, Apple does it in their own appstore app. – user623396 May 26 '15 at 08:01
@user623396 yes because Apple encourages the use storyboard – Abhay Singh Naurang May 27 '15 at 06:03

score 0 · Answer 7 · answered Mar 09 '16 at 13:10

If you want to add them from the code, in Swift you can do:

override func viewDidLoad() {
    // ....
    let ubRefresh = UIBarButtonItem.init(barButtonSystemItem: .Refresh, target: self, action: "refreshManually")
    let ubMyIcon = UIBarButtonItem(image: UIImage(named: "MyIcon"), style: .Plain, target: self, action: "myAction")
    self.navigationItem.setRightBarButtonItems([ubMyIcon, ubRefresh], animated: true)

}

Add multiple buttons to navigation bar in storyboard

7 Answers7