Navigation bar with UIImage Button and subtitle - ios

Question

I want to recreate something like the below image which is navigation bar with UIImage buttons and subtitle.
My current code looks something like in below
UIImage * cropModeImage = [UIImage imageNamed:#"crop"];
UIButton *cropModeButton = [UIButton buttonWithType:UIButtonTypeCustom];
[cropModeButton setImage:[cropModeImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
[cropModeButton addTarget:self action:#selector(_setCropMode:) forControlEvents:UIControlEventTouchUpInside];
UILabel *subtitle = [[UILabel alloc]initWithFrame:CGRectMake(8, 20, 185, 30)];
[subtitle setBackgroundColor:[UIColor clearColor]];
[subtitle setFont:[UIFont fontWithName:#"Helvetica" size:14]];
subtitle.text=#"This is the sub";
[subtitle setTextColor:[UIColor blackColor]];
[cropModeButton addSubview:subtitle];
[self.view addSubview:cropModeButton];
UIBarButtonItem *cropMode = [[UIBarButtonItem alloc] initWithCustomView:cropModeButton];
Can anyone help me with it?

Answer 1

In iOS, this is done using tabbar controller which generally appears at the bottom of the screen and if you want to show on the top of your screen then use the toolbar.
Look at the calendar app of iPhone, it has 3 buttons to the right side and that's how it will look if you add buttons in the navigation bar.
I would prefer using the storyboard OR XIB for this and add all the barbutton items there and assign IBAction methods to it, here's an example of how you can use storyboard for the same.
The buttons used in the toolbar can have images with captions to display the same look and feel.
Hope it helps.