自定义ios应用导航栏按钮

Question

I'm having problems to create an custom nav bar like the Uber app .

I'm setting my button background image to:

UIImage *button44 = [[UIImage imageNamed:@"navButtonAdd"]
                     resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];

[[UIBarButtonItem appearance] setBackgroundImage:button44 forState:UIControlStateNormal
                                      barMetrics:UIBarMetricsDefault];

But If I remove the text from the button on the xcode interface it disappear the image as well and also there is a padding on the right that starts repeating my image again.

Does anyone know how I could fix it?

This is the image I'm trying to use as a button

Thanks in advance

Answer 1

self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"button"]]];
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"uberbar.png"] forBarMetrics:UIBarMetricsDefault];

If I'm not mistaken you need a custom view on the UIBarButtonItem. So you could get the appearance proxy, set the image for the controller, or instead customize the image directly. That padding is a matter of photoshopping the graphic and set its dimensions correctly.