Toolbar(?) underneath navigation bar - iPhone

Question

I'm wondering how one goes about implementing something like the following:

enter image description here

The grey bar underneath the navigation bar that contains 2 buttons, 'Expense' and 'Income'. Can anyone point me to a resource or explain how you implement something like this?

score 1 · Accepted Answer · answered Jun 07 '12 at 16:23

1

Seems like the second bar is a Toolbar. Just place a Toolbar underneath the navigation bar. What problems you are facing?

answered Jun 07 '12 at 16:23

azamsharp

19,710
36
144
222

score 0 · Answer 2 · answered Jun 07 '12 at 16:22

0

You could use a Segmented Control (UISegmentedControl) in a Toolbar (UIToolbar) that's placed below the navigation bar.

answered Jun 07 '12 at 16:22

gtmtg

3,010
2
22
35

XCode doesn't seem to let me place it there if I'm using a UICollectionViewController. What do I do? – fatuhoku May 10 '14 at 18:53

score 0 · Answer 3 · answered Jun 07 '12 at 16:31

From this layout, my guess at the implementation is:

Top Level: UITabViewController
Selected Tab: MyHistoryViewController (subclass of UIViewController - or possibly a UITableViewController - placed inside a UINavigationController)
MyHistoryViewController can be laid out in Interface Builder (build into Xcode these days) with a UIToolbar using a UISegmentedControl (or your custom toolbar that looks like that above) above a UITableView

The View Controller Programming Guide is a useful resource.

Toolbar(?) underneath navigation bar - iPhone

3 Answers3