Question

I want to create acustom navigation bar.

I know that we can use UIButton in the middle instead of title in the navigation bar, but can we make something that look like this picture?

As you see we have three different buttons in the middle of this navigation bar. Can you share your idea with me how we can implement such a thing in iPhone?

Answer 1

Assuming you are using a Navigation Controller you can set your navigationBar’s titleView property to a UIView container that holds the three buttons in the middle (and the two sets of three dots). The code would look like something like this:

    UIView *buttonContainer = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 44)];
    buttonContainer.backgroundColor = [UIColor clearColor];
    UIButton *button0 = [UIButton buttonWithType:UIButtonTypeCustom];
    [button0 setFrame:CGRectMake(0, 0, 44, 44)];
    [button0 setBackgroundImage:[UIImage imageNamed:@"button0.png"] forState:UIControlStateNormal];
    [button0 addTarget:self action:@selector(button0Action:) forControlEvents:UIControlEventTouchUpInside];
    [button0 setShowsTouchWhenHighlighted:YES];
    [buttonContainer addSubview:button0];

    //add your spacer images and button1 and button2...

    self.navigationItem.titleView = buttonContainer;  

Or you could do this all in IB of course.