UINavigationBar barButtonItem更改后退按钮图像和标题
问题描述:
是否可以更改UINavigationBar上的后退按钮并更改标题?UINavigationBar barButtonItem更改后退按钮图像和标题
当我尝试设置customView属性时,我在默认按钮旁边看到一个图像。
我使用此代码
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithImage:backButtonImage landscapeImagePhone:nil style:UIBarButtonItemStylePlain target:nil action:nil];
我想要的标题是“后退”,这是很容易在故事板做的。但问题是,无论我使用上面的代码还是使用customView属性,默认的后退按钮仍然存在。
答
您可以将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];
答
您可以通过将视图控制器的navigationItem.leftBarButtonItem
设置为您想要的外观,将其推送到自定义栏按钮项目,从而实现您想要的效果。祝你好运!
我需要添加“返回”标题的图像来显示它或有没有一种方法来设置它与按钮/图像组合? – noobsmcgoobs 2014-12-04 05:04:50
@noobsmcgoobs更新了组合。它有点棘手 - 你必须非常谨慎的背景图像坐标。我对它进行了硬编码(100,30)。一旦你做对了 - 做self.view.frame.size.width(或高度),以适应其中的标题。 – raurora 2014-12-04 05:08:51
是的,它伸出图像添加文本。我只是要更改按钮框架并将文本添加到图像。谢谢。 – noobsmcgoobs 2014-12-04 05:13:30