2014-12-04 70 views
1

是否可以更改UINavigationBar上的后退按钮并更改标题?UINavigationBar barButtonItem更改后退按钮图像和标题

当我尝试设置customView属性时,我在默认按钮旁边看到一个图像。

我使用此代码

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

我想要的标题是“后退”,这是很容易在故事板做的。但问题是,无论我使用上面的代码还是使用customView属性,默认的后退按钮仍然存在。

回答

2

您可以将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引入了雪佛龙(系统提供的后退箭头)。它作为标题和雪佛龙一起呈现您以前的视图控制器。

更新:

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

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

我需要添加“返回”标题的图像来显示它或有没有一种方法来设置它与按钮/图像组合? – noobsmcgoobs 2014-12-04 05:04:50

+0

@noobsmcgoobs更新了组合。它有点棘手 - 你必须非常谨慎的背景图像坐标。我对它进行了硬编码(100,30)。一旦你做对了 - 做self.view.frame.size.width(或高度),以适应其中的标题。 – raurora 2014-12-04 05:08:51

+0

是的,它伸出图像添加文本。我只是要更改按钮框架并将文本添加到图像。谢谢。 – noobsmcgoobs 2014-12-04 05:13:30

0

您可以通过将视图控制器的navigationItem.leftBarButtonItem设置为您想要的外观,将其推送到自定义栏按钮项目,从而实现您想要的效果。祝你好运!

相关问题