ios - UINavigationBar barButtonItem 更改返回按钮图像和标题

Question

是否可以更改 UINavigationBar 上的后退按钮并更改标题？

当我尝试设置 customView 属性时，我在默认按钮旁边看到了一张图片。

我用这个代码

self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithImage:backButtonImage landscapeImagePhone:nil style:UIBarButtonItemStylePlain target:nil action:nil];

我希望标题为“返回”，这在 Storyboard 中很容易做到。但问题是，无论我使用上面的代码还是使用 customView 属性，默认的后退按钮仍然存在。

Answer 1

您可以将UIImage 添加到UIButton。然后，将其用作自定义后退按钮。这是一个简单的例子:

// Custom image
UIImage *backButtonImage = [UIImage imageNamed:@"button-background-image.png"];
UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
[backButton setFrame:CGRectMake(0, 0, 100, 30)];
[backButton setBackgroundImage:backButtonImage forState:UIControlStateNormal];

// Custom title
[backButton setTitle:@"Back" forState:UIControlStateNormal];
[backButton setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
[backButton addTarget:self action:@selector(barPayButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
[backButton setShowsTouchWhenHighlighted:NO];

UIBarButtonItem *buttonOnBar =[[UIBarButtonItem alloc] initWithCustomView:backButton];
self.navigationItem.leftBarButtonItem = buttonOnBar;

注意:您将松开 iOS7 中引入的人字形(系统提供的后退箭头)。它作为标题和 V 形一起呈现您以前的 View Controller 。

更新:

您还可以使用 UIEdgeInsets 智能地调整图像大小。

UIEdgeInsets edgeInsets = UIEdgeInsetsMake(0, 0, 15, 10); 
UIImage *backButtonImage = [[UIImage imageNamed:@"button-background-image.png"] resizableImageWithCapInsets:edgeInsets];