前言：弱者为什么执拗？

---

    大三下在学swift的时候，给一款APP建过言，说他的APP返回按钮在按钮形状下是一团，换成图片就好了。当时没学多久，想的也十分天真。对方很给力，下个版本就改了。等到自己学Objective-c实习遇到这个问题的时候，发现用图片的确可以，但是有个新问题，返回手势不起作用了！这就很尴尬了！我一定要与“按钮形状”斗争到底！

按钮形状

---

    iOS在7.1版本出的按钮形状，目的是为了让按钮更加显眼。

1.png 2，png 3.png

图1~3分别是按钮、UIBarButtonItem、TabBar的普通状态和按钮形状状态，可以轻松的发现，按钮的按钮形状是文字下面多了个下划线，UIBarButtonItem和TabBar仿佛是多了个背景颜色。

返回按钮

---

    我在实习的时候，项目一刚开始是这么解决返回按钮的：

[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0,-60)forBarMetrics:UIBarMetricsDefault];

把返回按钮的title上移60，移除屏幕，就剩下一个返回图标。这个方法在非按钮形状下显示没问题，在按钮形状下，返回按钮就是一团，如图4，显然不怎么美观，尤其是当父控制器title比较长的时候。

4.png

    之后我尝试了多种办法，比如，在父控制器push子控制器的时候，把父控制器的title设置为空，但是当pop回来时发现上一级控制器title没了（当然了，你把它设置为空的）；改进，在子控制器viewWillAppear的时候把设置自己的title，在父控制器viewDidDisapper的时候把父控制器title设置为空（要判断是push还是pop，为什么就不说了，反正也不用这个方法）,缺点是返回按钮会闪一下；把返回按钮换成图片，缺点是侧滑返回手势没了。为此我还研究了其他很多APP的返回按钮、TabBar、UIBarButtonItem，依然没有结果。

    没办法，只好去看本地头文件里面简短的介绍、官方API文档。发现如下几个东西：backItem、backBarButtonItem、navigationItem.title、navigationController.title、viewController.title。

backItem，只读，先不管。

对于backBarButtonItem，头文件中注释说：

Bar button item to use for the back button in the child navigation item.

用于子控制器的返回按钮。哇塞，一脸懵逼，从来没用过这个呀。继续看。

对于navigationItem.title，头文件中注释说：

Title when topmost on the stack. default is nil

当控制器在栈顶的时候显示的标题，默认为空。说的十分明白。

对于navigationController.title，不好意思这个用command+左键找到的是UIAlertController.title，viewController.title点进去也是一样的，原来navigationController的继承ViewController的,可能链接有点错误。

对于viewController.title，头文件中注释说

Localized title for use by a parent controller.

懵逼，去看看官方开发者API文档吧。

    先看backBarButtonItem,翻一下就是：的确是用来设置子控制器的返回按钮，在当其需要一个返回按钮的时候。但默认为空。当它为空的时候，会用navigationItem的title属性来建一个返回按钮，如果你想自定义图片或者标题的返回按钮，你可以赋值一个普通的BarButtonItem给backBarButtonItem来替换。

    说的很明白，顺着它给的超链接来看navigationItem.title,翻一下：说它摆在navigationBar的中间，默认为空。当一个控制器有子控制器，并且navigationItem.title为空的时候哇，系统会用“back”来作为子控制器返回按钮的text。

    也许你平时是直接对viewController.title或者navigationController.title进行赋值，发现显示也是没问题的，同时影响着父控制器顶部导航栏标题和子控制器的返回按钮的标题，这又是怎么回事呢？

你可以在UINavigationController中The Left Item完善对返回按钮的认识，在The Middle Item可以看到对titleView、title的解释，我们重点来看title。翻一下：如果没有设置自定义titleView，那么navigation bar就是展示一个label包含viewController的默认标题。这个标题是从自己的viewController的title属性获取的，如果你想自定义，你可以设置navigationItem的title属性。

最后来到了UIViewController.title,翻一下：用人可读的语言设置title来描述你的view，如果viewController有navigation item 或者 tab-bar item，那么会都影响这个两个的title。UINavigationController.title官方直接超链接的是UIViewController.title，故不建议对UINavigationController.title进行操作，如有需要，可以对UIViewController.title进行操作。

好了，到了这，也许有点乱，理一下。ViewController的title属性无疑拥有最高影响力，它影响自己控制的navigation item 和 tab-bar item的title；navigation item的title默认为空，会先受titleView的影响，如果没有自定义titleView才显示ViewController.title，你也可以设置navigationItem.title来自定义标题，最终显示后设置的那个标题。backBarButtonItem默认为空，子控制器的返回按钮的title受其影响，当其为空时，返回按钮会去找navigation item的title，navigation item的title也为空是，会显示“back”，中文显示“返回”。

问：自定义了titleView，同时设置了navigationItem.title或者viewController.title，请问父控制器顶部导航栏显示谁的标题？子控制器的返回按钮显示什么title。

答：父控制器显示自定义titleView的，子控制器返回按钮显示navigationItem.title或者viewController.title。

OK，说了这么多，为了达到我们初始目的，只需要自定义一个UIBarButtonItem赋值给父控制器的backBarButtonItem就行了！经测试，只有title有效，action、Target无效。有空的同学可以尝试用- (instancetype)initWithCustomView:(UIView*)customView;来自定义返回按钮样式，反正我没尝试成功。

那么，我们在平时开发中应该对哪个设置标题呢？看下官方建议或者打开你的storyBoard：

5.png

如图5，官方建议是对NavigationItem进行设置，当你额外需要，你可以设置TitleView给NavigationItem，比如带属性的文字、把title变成一个可交互的Button等等。

Button、TabBar和UIBarButtonItem

---

解决完返回按钮，还剩下button、TabBar和UIBarButtonItem的按钮形状。实习的时候，由于找不到方法解决“按钮形状”，一是问题不好描述，二是关注的人少，我一度认为按钮形状状态下有下划线的就是Button，背景有颜色的就是UIBarButtonItem、TabBar，因此我一度认为微博、淘宝等客户端是完全自定义了NavigationController、TabBarController，前者导航栏上的Item没有下划线、也没有背景颜色，后者导航栏全都是下划线，前者底部TabBar有下划线没有背景颜色，难道是用的Button？真不愧大牛啊！当然也有客户TabBar在按钮形状状态下不显示背景颜色、也没有下划线的，说明还是有方法的，更加坚定了我继续研究的决心。

一次偶然的机会，我用Reveal发现了TabBar在按钮形状下显示背景颜色的view：

6.png

我欣喜若狂，只要把这个View设置一个透明色不就好了，然后我就去找这个View，很遗憾，没找到，却找到了selectionIndicatorImage，肯定是亲戚！赶紧设置TabBarButton：

self.selectionIndicatorImage = [UIImage new];

我是自定义的TabBar，所以这样设置的。一运行，哈哈，背景颜色果然不见了！什么原理呢？

看下官方解释吧selectionIndicatorImage，翻一下：用这个属性来自定义选择图片，你的图片将显示在TabBar底部但是呢隐藏在TabBar的Contents的下面。默认为空，当为空时，被选定时就是显示高亮。没跑了就是它，选择指示器图片，但是官方也没提按钮形状。我们可以用它来做点选中TabBar的效果。那么其他两个呢？

7.png

用Reveal看按钮，就看不出什么鬼了，怎么办呢？TabBar是因为设置了一个Image，那么Button呢会不会也这样呢？抱着试一试的心态：

[testButton setBackgroundImage:[UIImage new] forState:UIControlStateNormal];

然后，然后下划线就没了！！！怎么回事？官方的对背景图片的说明也未提及按钮形状/下划线/高亮，可能和TabBar差不多吧。那么对于UIBarButtonItem只需要initWithCustomView：一个带有背景图片的button，那么在按钮形状下就不再有背景颜色了。有种戛然而止的感觉。

总结

---

1、子控制器的返回按钮title优先来自父控制器的backBarButtonItem.title；

2、backBarButtonItem默认为空，当其为空，返回按钮就去找NavigationItem.title；

3、ViewController.title会同时影响NavigationItem.title、tabBar的title，如果有的话；

4、针对第三点，后设置的那个会最终显示出来

5、针对第二点，当NavigationItem.title也为空时，返回按钮显示“back”，中文“返回”；

6、当backBarButtonItem.title为空字符串时，子控制器返回按钮只显示图标，并且没有按钮形状下的一块背景颜色(修改NavigationItem的title不建议)；

7、要修改控制器的顶部导航栏标题建议对NavigationItem.title进行修改；

8、去除TabBar的按钮形状设置它的selectionIndicatorImage；

9、去除UIButton的按钮形状，setBackgroundImage:[UIImage new] forState:UIControlStateNormal；

10、去除UIBarButtonItem的按钮形状，initWithCustomView：一个带有背景图片的button即可；

后记

---

写完了，越写到后面越发现一股弱者的气息，希望能帮到人。拜了个拜。@徐星星去哪了