Question

In the recently released update to the Twitter app, the text was removed from the back button and replaced with an arrow. It looks really nice and simple, but I can’t work out how they did it.

I tried playing around with the iOS 5 UI customisation, but nothing really worked well. I can get it to work if I set the leftBarButtonItem, but that means I would have to do it in each view controller and write my own action to pop the view controller. Any ideas? Thanks in advance.

Answer 1

its a custom navigation bar and button item.Add this code:

 UINavigationBar * bar =[[UINavigationBar alloc]initWithFrame:CGRectMake(0, 0, 320, 44)];
[self.view addSubview:bar];

//Back Button
UIButton *btnback = [UIButton buttonWithType:UIButtonTypeCustom];
[btnback setFrame:CGRectMake(0, 7, 54, 29)];
[btnback setBackgroundImage:[UIImage imageNamed:@"back.png"] forState:UIControlStateNormal];
//UILabel * btnlabel =  [[UILabel alloc]initWithFrame:CGRectMake(15, 0, 40, 23)];
//btnlabel.backgroundColor = [UIColor clearColor];
//btnlabel.textColor = [UIColor whiteColor];
//btnlabel.font = [UIFont boldSystemFontOfSize:13];
//btnlabel.text = @"back";
//[btnback addSubview:btnlabel];
//[btnlabel release];
//btnlabel = nil;
[btnback addTarget:self action:@selector(BackAction:) forControlEvents:UIControlEventTouchUpInside];
[bar addSubview:btnback];
[bar release];