UINavigationItem返回按钮自定义设置

UINavigationItem返回按钮自定义设置

本文主要介绍在我们使用UINavigationController的时候, 怎么合理的设置返回键, 其实, 如果我们不设置, 其实系统有默认的样式, 但是如果我们想要自定义返回按钮, 也是可以办到的, 但是会出现各种问题, 这里就大致介绍在自定义backBarButtonItem的时候, 我们会遇到哪些意想不到的情况.

backBarButtonItem默认样式

首先, 我们先来看看系统默认的样式:一般都是这种样式

这是一种很常见的方式, 但是如果我们想要修改backBarButtonItem的样式, 例如修改标题为”返回”?, 这个其实很容易办到的:

    self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];

以上代码就可以实现, 但是这个是要在前一个viewController中实现, 而不是在当前push出来的viewController中设置, 不然是没有效果, 这个到底是什么原因呢? 那我们就先来看看backBarButtonItem显示的优先级问题.

backBarButtonItem显示的优先级

关于优先级问题, 大致分为以下三点:
我们使用A push到 B为例来解释:

1.如果B中设定了leftBarButtonItem, 那么返回按钮就是B中的leftBarButtonItem.

2.如果B中没有设置leftBarButtonItem, 而在A中设定了backBarButtonItem, 那么就会显示A中设定的backBarButtonItem.

3.如果以上两点都没有满足, 那么就是最原始的显示, 像之前显示系统为我们设定的默认样式.

关于backBarButtonItem的显示优先级, 大致可以这样解释, 从中我们也可以看出, 使用leftBarButtonItem也可以充当backBarButtonItem的角色, 其实, 一般来说, 我们也是这样做的, 这样做主要是基于这样一点考虑: 使用leftBarButtonItem我们可以定义返回时间, 使用backBarButtonItem我们不容易在返回之前处理一些我们自定义的事情, 至于如何截取系统的backBarButtonItem事件, 大家可以看看这篇文章自定义backBarButtonItem

接下来我们就介绍使用leftBarButtonItem来实现backBarButtonItem的功能.

leftBarButtonItem设定的一些问题

一般使用leftBarButtonItem我们会这样做:

    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(backAction:)];

或者这样:

    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"nav_bar_back_icon_white"] style:UIBarButtonItemStylePlain target:self action:@selector(backAction:)];

其实, 一般我们会使用图片代替文字, 但是这样做有个问题, 先来看看效果图吧:

其实, 我们可以发现二者离左边界的距离并不一样, 我们当然是不希望出现这种情况的, 那这里就给出一种解决方法:

    UIBarButtonItem *leftItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"nav_bar_back_icon_white"] style:UIBarButtonItemStylePlain target:self action:@selector(backAction:)];

    UIBarButtonItem *spaceItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
    spaceItem.width = - 10;
    self.navigationItem.leftBarButtonItems = @[spaceItem, leftItem];

看看效果:

我们可以根据spaceItem.width来调整距离, 达到我们想要的效果, 这个也使我们使用leftBarButtonItem来实现backBarButtonItem会遇到的问题, 但是个人觉得并不是非常完美, 我觉得合理的解决方法是这样的.

合理解决backBarButtonItem问题

1.首先, 我们可以全局设定navigationBar的返回样式, 这个可以查看我的另一篇博客iOS开发中全局修改UINavigationBar的样式

2.因为一般而言, 整个app中的返回样式都是一样的, 可以全局设定, 然后如果个别controller需要截取返回事件, 可以按照文中的方法来实现, 个人觉得这样做事比较靠谱的. 也建议大家采用这种方法.

总结

总而言之, 我们在使用backBarButtonItem的时候, 会遇到一些问题, 这里大致简述我的解决方法, 希望对遇到类似问题的小伙伴有帮助.