自定义导航栏返回键有多重方式，系统返回键、左键、或者自定义导航栏等等；

下面介绍的是系统返回键自定义图片、文字样式

1、替换返回键图片
UIImage*back = [[UIImage imageNamed:YLNavBackIconName] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
[UINavigationBar appearance].backIndicatorTransitionMaskImage = back;
[UINavigationBar appearance].backIndicatorImage = back;

2、文字替换
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil];

之前使用的好好地，产品不断迭代更新，返回键样式一直改，某一天突然发现返回箭头不居中，向上偏移了。
然后尝试各种方法让其与文字居中，方法如下：

研究发现系统返回键尺寸：13*21 ，发现超过这个尺寸才会偏移，图片尺寸1倍图调整比这个高度小，完美显示。

方案一：
自定义导航栏。

方案二：
UIImage*back = [[UIImage imageNamed:YLNavBackIconName] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
//隐藏系统的
[UINavigationBar appearance].backIndicatorTransitionMaskImage = [UIImage new];
[UINavigationBar appearance].backIndicatorImage = [UIImage new];
//设置新的
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:[back resizableImageWithCapInsets:UIEdgeInsetsMake(0, back.size.width, 0, 0)] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
解决。

方案三：
不需要返回文字，能解决箭头居中
if (@available(iOS 11.0, *)) { //箭头偏移
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -10) forBarMetrics:UIBarMetricsDefault];
}

iOS 11 之前,如果使用系统自带的返回按钮,为了达到导航栏返回按钮只显示返回图片,不显示文字信息的效果,可以通过设置导航栏的的属性

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

第一步:

第二步:

转：https://www.jianshu.com/p/3dfc0ba78bb2?utm_campaign=maleskine

前言：

就在上个月也就是年末的时候，打开了以前的一个项目，忽然发现导航栏返回按钮几乎看不到了，一直忙另外一个项目，直到这几天才处理一下，总结一下遇到的一些问题和处理方法。

问题截图如下：

 

返回按钮错位截图

原来没有任何问题，但是iOS11更新之后就这样了，运行下之后发现，下面打印了一堆，仔细一看好像是说约束重复的问题，网上搜索下，目前没找到原因（可能是iOS11系统在导航栏里面的布局和控件都变化了）。下面说一些自定义返回按钮的一些方法总结，以及最后如何解决这个问题。

代码如下：

UIImage *backButtonImage = [[UIImage imageNamed:@”箭头left40x40.png”] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 40, 0, 0) resizingMode:UIImageResizingModeTile]; 

[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault];

自定义返回按钮的一些方法：

1、在父视图中修改

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@”返回上级界面” style:UIBarButtonItemStylePlain target:nil action:nil];     self.navigationItem.backBarButtonItem = backItem;

●这种方法只是修改文字部分，如果文字设置问空，但是箭头右边空白部分依然可以响应返回方法。

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@”箭头left40x40″] style:UIBarButtonItemStylePlain target:nil action:nil];  self.navigationItem.backBarButtonItem = backItem;

●这种方法只是改变返回按钮的文字部分，文字被替换成我们设置的图片，左边原本的箭头依然存在。

UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];    

backButton.frame = CGRectMake(0, 0, 30, 30);    

[backButton setTitle:@”返回” forState:UIControlStateNormal];    

[backButton setImage:[[UIImage imageNamed:@”箭头left40x40″] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forState:UIControlStateNormal];    

self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];

●这种方法会使返回按钮文字部分消失，图片也不起效果。

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@”返回” style:UIBarButtonItemStylePlain target:nil action:nil];     self.navigationController.navigationBar.backIndicatorImage = [[UIImage imageNamed:@”箭头left40x40″] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];    

self.navigationController.navigationBar.backIndicatorTransitionMaskImage = [[UIImage imageNamed:@”箭头left40x40″] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];    

self.navigationItem.backBarButtonItem = backItem;

●这种方法会使返回按钮部分文字消失，图片需要渲染成原始的才有效果，而且图片会应用于本导航控制器下的所有有返回按钮的页面。

2、在本视图中修改

修改成只有图片的：

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@”箭头left40x40″] style:UIBarButtonItemStylePlain

target:self action:@selector(back)];    

self.navigationItem.leftBarButtonItem = backItem;

修改成只有文字的：

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@”返回” style:UIBarButtonItemStylePlain target:self action:@selector(back)];     self.navigationItem.leftBarButtonItem = backItem;

自定义文字和图片的：

UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];    

backButton.frame = CGRectMake(0, 0, 30, 30);    

[backButton setTitle:@”返回” forState:UIControlStateNormal];    

[backButton setImage:[[UIImage imageNamed:@”箭头left40x40″] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forState:UIControlStateNormal];    

[backButton addTarget:self action:@selector(back) forControlEvents:UIControlEventTouchUpInside];    

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

注意：上面这3种方法都会使返回按钮偏右，不大美观；而且会使系统自带的右滑手势返回移除控制的功能失效，解决办法就是在后面添加一句代码，让导航控制器重新设置这个功能，解决代码如下：

self.navigationController.interactivePopGestureRecognizer.delegate = nil;

以上这些方法都是只是在一个视图中生效，但是大多数项目自定义返回按钮的需求都是全局一样的，所以下面说一下全局设置的方法：

3、全局设置返回按钮

网上找到大多是说自定义一个导航控制器，重写其push方法，通过拦截push方法来进行设置，我对其稍微改动了点，代码如下：

-(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated {
　　if (self.childViewControllers.count > 0) {
　　　　　UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[[UIImage imageNamed:@"箭头left40x40"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] style:UIBarButtonItemStylePlain target:self action:@selector(back)];        
　　　　　backItem.imageInsets = UIEdgeInsetsMake(0, -10, 0, 0);        

　　　　　viewController.navigationItem.leftBarButtonItem = backItem;
　　　　　viewController.hidesBottomBarWhenPushed = YES;
　　} 
　　[super pushViewController:viewController animated:animated];
　　self.interactivePopGestureRecognizer.delegate = nil;
}  

- (void)back {    
　　 [self popViewControllerAnimated:YES]; 
}

●这样改动的好处就是会更美观一点，点击返回响应区域也比较大；如果是原来的自定义按钮来设置，让箭头向左偏移一点，这样的话整个返回按钮的响应区域就会很小，而且会使箭头有部分无法响应返回。

当然网上也有说明使用分类的方法进行处理，代码如下：

– (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPushItem:(UINavigationItem *)item{

UIBarButtonItem *back = [[UIBarButtonItem alloc] initWithTitle:@”” style:UIBarButtonItemStylePlain target:nil action:nil];

item.backBarButtonItem = back;

return YES;

}  

●这种方法也是有缺陷的，这样会使第一个控制器也出现返回按钮。

下面给出的最后一种方法，也就是我最后所使用的解决方法，代码如下：

#import “UINavigationController+Addtion.h”

#import “NSObject+Swizzling.h”

@implementation UINavigationController (Addtion)

+ (void)load {    

static dispatch_once_t onceToken;    

dispatch_once(&onceToken, ^{        

[self methodSwizzlingWithOriginalSelector:@selector(pushViewController:animated:) bySwizzledSelector:@selector(replacePushViewController:animated:)];    

});

}

– (void)replacePushViewController:(UIViewController *)viewController animated:(BOOL)animated {    

if (self.viewControllers.count > 0) {        

UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithImage:[[UIImage imageNamed:@”箭头left40x40″] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] style:UIBarButtonItemStylePlain target:self action:@selector(back)];         backItem.imageInsets = UIEdgeInsetsMake(0, -10, 0, 0);        

viewController.navigationItem.leftBarButtonItem = backItem;        

viewController.hidesBottomBarWhenPushed = YES;    

}    

[self replacePushViewController:viewController animated:animated];    

self.interactivePopGestureRecognizer.delegate = nil;

}

– (void)back {    

[self popViewControllerAnimated:YES];

}

@end

●这是添加一个NavicationController的分类，使用runtime进行方法交换，然后再执行原来的方法，并且右滑手势返回也可以使用。至于方法交换的代码下面给出：

Class class = [self class];     //原有方法    

Method originalMethod = class_getInstanceMethod(class, originalSelector);     //替换原有方法的新方法    

Method swizzledMethod = class_getInstanceMethod(class, swizzledSelector);     

BOOL didAddMethod = class_addMethod(class,originalSelector,          method_getImplementation(swizzledMethod),                                         method_getTypeEncoding(swizzledMethod));    

if (didAddMethod) {

class_replaceMethod(class,swizzledSelector,                             method_getImplementation(originalMethod),                             method_getTypeEncoding(originalMethod));    

} else {       

method_exchangeImplementations(originalMethod, swizzledMethod);    

}

总结：

这些自定义返回按钮的方式，各有利弊，实际根据自己的项目需求使用，总有比较适合自己的方式。

PS：以上就是我所知道的自定义按钮的方式，如果有不足或者说的不对的地方，希望大家多多指正，可以评论指出或者私信我。

demo地址

方法交换分类

UINavigationController分类

参考文章：

iOS关于设置一个自定义的导航控制器返回按钮

ios自定义图片替换系统导航栏返回按钮样式

iOS返回按钮自定义

转：https://www.jianshu.com/p/912dc6ba3d65

iOS 14中长按返回按钮会显示多级菜单，滑动后可以返回对应的页面。

 

在App上长按后title为空

backButtonDisplayMode

iOS 14新增了一个属性backButtonDisplayMode来定义title的来源

typedef NS_ENUM(NSInteger, UINavigationItemBackButtonDisplayMode) {
    /// Default mode, uses an appropriate title, followed by a generic title (typically 'Back'), then no title.
    UINavigationItemBackButtonDisplayModeDefault = 0,
    /// Generic titles only. Ignores .title and .backButtonTitle (but *not* .backBarButtonItem.title).
    UINavigationItemBackButtonDisplayModeGeneric = 1,
    /// Don't use a title, just the back button indicator image.
    UINavigationItemBackButtonDisplayModeMinimal = 2,
} NS_SWIFT_NAME(UINavigationItem.BackButtonDisplayMode);

title来源的优先级

1.navigationItem.backBarButtonItem
2.navigationItem.backButtonTitle
3.navigationItem.title和viewController的title，同时设置显示为viewController的title

App中使用

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

来隐藏返回按钮的标题，引起了上面的问题。

UINavigationItemBackButtonDisplayModeMinimal

Minimal模式下，返回按钮不显示title，但是 navigation stack可以显示出 title,未设置title的时候显示返回。

适配

   if (@available(iOS 14.0, *)) {
        self.navigationItem.backButtonDisplayMode = UINavigationItemBackButtonDisplayModeMinimal;
    } else {
        UIBarButtonItem *item = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
        self.navigationItem.backBarButtonItem = item;
    }

 

 

作者：离离乱惑
链接：https://www.jianshu.com/p/912dc6ba3d65
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

UINavigationBar *navigationBarAppearance = [UINavigationBar appearance];
navigationBarAppearance.backIndicatorImage = [UIImage imageNamed:@"image_common_navBackBlack"];
navigationBarAppearance.backIndicatorTransitionMaskImage = [UIImage imageNamed:@"image_common_navBackBlack"];

if (@available(iOS 15.0, *)) {
        UINavigationBarAppearance *appearance = [[UINavigationBarAppearance alloc] init];
        [appearance setBackIndicatorImage:[UIImage imageNamed:@"image_common_navBackBlack"] 
　　　　　　　　　　　　　transitionMaskImage:[UIImage imageNamed:@"image_common_navBackBlack"]];
        [[UINavigationBar appearance].scrollEdgeAppearance: appearance];
        [[UINavigationBar appearance].standardAppearance:appearance];
    }

作者：fairy_happy
链接：https://www.jianshu.com/p/f0427c92c67c
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

iOS返回按钮自定义

//重新创建一个barButtonItem
UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithTitle:@"你想要设置的返回按钮文字" style:UIBarButtonItemStylePlain target:nil 
action:nil];
//设置backBarButtonItem即可
self.navigationItem.backBarButtonItem = backItem;

[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) 
                                                     forBarMetrics:UIBarMetricsDefault];

//创建一个UIButton
UIButton *backButton = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 40, 40)];
//设置UIButton的图像
[backButton setImage:[UIImage imageNamed:@"left_select_img.png"] forState:UIControlStateNormal];
//给UIButton绑定一个方法，在这个方法中进行popViewControllerAnimated
[backButton addTarget:self action:@selector(backItemClick) forControlEvents:UIControlEventTouchUpInside];
//然后通过系统给的自定义BarButtonItem的方法创建BarButtonItem
UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithCustomView:backButton];
//覆盖返回按键
self.navigationItem.leftBarButtonItem = backItem;

//方法1:在本视图中设置
UIImage *backButtonImage = [[UIImage imageNamed:@"left_select_img.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 40, 0, 0) 
                           resizingMode:UIImageResizingModeTile];
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage
                                                  forState:UIControlStateNormal
                                                barMetrics:UIBarMetricsDefault];
//参考自定义文字部分
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin)
                                                     forBarMetrics:UIBarMetricsDefault];

/* The remaining appearance modifiers apply solely to UINavigationBar back buttons and are ignored by other buttons.
 */
/*
 backgroundImage must be a resizable image for good results.
 */

//方法2:通过父视图NaviController来设置
UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithTitle:@""
                                                            style:UIBarButtonItemStylePlain
                                                           target:nil
                                                           action:nil];
self.navigationController.navigationBar.tintColor =
[UIColor colorWithRed:0.99 green:0.50 blue:0.09 alpha:1.00];
//主要是以下两个图片设置
self.navigationController.navigationBar.backIndicatorImage = [UIImage imageNamed:@"left_select_img.png"];
self.navigationController.navigationBar.backIndicatorTransitionMaskImage = [UIImage imageNamed:@"left_select_img.png"];
self.navigationItem.backBarButtonItem = backItem;

iOS7 怎么修改去掉Navigation Bar上的返回按钮文本颜色,箭头颜色以及导航栏按钮的颜色 https://www.jianshu.com/p/d63bf98327c8

背景颜色
self.navigationController.navigationBar.barTintColor = [UIColor blackColor];\
//去掉导航条的半透明\
Navbar.translucent=YES;


按钮颜色（返回按钮的颜色设置）
[[UINavigationBarappearance]setTintColor:[UIColorwhiteColor]];
或者
self.navigationController.navigationBar.tintColor = [UIColor whiteColor];


标题字体和颜色：
[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}];
[[UIBarButtonItem appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor clearColor]} forState:UIControlStateNormal];


去掉返回按钮的字：
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:self.navigationItem.backBarButtonItem.style target:nil action:nil];
[[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -60) forBarMetrics:UIBarMetricsDefault];

iOS13 tabbar黑线、背景色、 badgeColor适配

转：https://blog.csdn.net/qq_34848238/article/details/102658323

@implementation UITabBarItem (badgeColor)

- (void)my_setBadgeValue:(NSString *)badgeValue {
　　[self setBadgeValue:badgeValue];
　　UIColor *badgeColor = UIColorFromRGB(0x39E2C6);
　　if (@available(iOS 10.0, *)) {
　　　　[self setBadgeColor:badgeColor];
　　} else {
　　　　// 这里替换角标颜色的图片，需要注意的时：这个图片size=(36px,36px)，圆的
　　　　UIImage *badgeImage = [UIImage imageNamed:@"tabbarItem_blueBadge_icon"];
　　　　[self customBadgeColorWith:badgeImage];
　　}
}

- (void)customBadgeColorWith:(UIImage *)badgeImage {

　　UIView *tabBarButton = (UIView *)[self performSelector:@selector(view)];
　　// iOS10以下的版本 角标其实是一张图片，所以我们一直找下去这个图片，然后替换他
　　for(UIView *subview in tabBarButton.subviews) {
　　　　NSString *classString = NSStringFromClass([subview class]);
　　　　if([classString rangeOfString:@"UIBadgeView"].location != NSNotFound) {
　　　　　　for(UIView *badgeSubview in subview.subviews) {
　　　　　　　　NSString *badgeSubviewClassString = NSStringFromClass([badgeSubview class]);
　　　　　　　　if([badgeSubviewClassString rangeOfString:@"BadgeBackground"].location != NSNotFound) {
　　　　　　　　　　[badgeSubview setValue:badgeImage forKey:@"image"];
　　　　　　　　}
　　　　　　}
　　　　}
　　}
}

@end

以上代码是在iOS13之前设置的。

iOS13以后适配tabbar（去黑线），以下代码

if (@available(iOS 13.0, *)) {
　　UITabBarAppearance *appearanceBar = [self.tabBar standardAppearance].copy;
　　appearanceBar.backgroundImage = [UIImage instantiate1x1ImageWithColor:[UIColor whiteColor]];
　　appearanceBar.shadowImage = [UIImage instantiate1x1ImageWithColor:[UIColor clearColor]];
　　self.tabBar.standardAppearance = appearanceBar;
　　NSMutableParagraphStyle *par = [[NSMutableParagraphStyle alloc]init];
　　par.alignment = NSTextAlignmentCenter;
　　UITabBarItemStateAppearance *normal = appearanceBar.stackedLayoutAppearance.normal;
　　if (normal) {
　　　　normal.titleTextAttributes = @{NSForegroundColorAttributeName:UIColorFromRGB(0x333333),NSParagraphStyleAttributeName : par};
　　}
　　UITabBarItemStateAppearance *selected = appearanceBar.stackedLayoutAppearance.selected; if (selected) {
　　selected.titleTextAttributes = @{NSForegroundColorAttributeName:UIColorFromRGB(0x333333),NSParagraphStyleAttributeName : par};
}
　　self.tabBar.standardAppearance = appearanceBar;
}

这样我们就需要重新设置badgeColor，加上两句代码

appearanceBar.stackedLayoutAppearance.normal.badgeBackgroundColor = badgeColor;

appearanceBar.stackedLayoutAppearance.normal.badgeBackgroundColor = badgeColor;
————————————————
版权声明：本文为CSDN博主「大神路」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_34848238/article/details/102658323

转：https://www.jianshu.com/p/48ddc88299dd

iOS的UINavigationBar去掉黑线的几种方法分析 https://blog.csdn.net/jiege303/article/details/107507981

方案一:

写在AppDelegate里面

[[UINavigationBar appearance]  setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];

[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

方案二:

将UINavigationBar的clipsToBounds属性设成YES

原理:

Apple
翻译:对于自定义导航栏背景图片,自定义背景图片必须使用"setBackgroundImage: forBarMetrics: "这个方法.如果你不自定义背景图片的话,系统会替你设置一张背景图片.

意思就是,我们不设置背景图片,看到的其实是苹果已经给你设置了一张背景图片,有阴影,有黑线.(系统默认的,打开iPhone设置界面就是这样的).so,如果你想去掉黑线的话,就去掉苹果默认设置的图片吧!

写在AppDelegate里面

[[UINavigationBar appearance]  setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];

[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

自己感受这段代码吧!





扩展:

相信大家有导航栏全透明的需求吧.

调用这段代码吧,图片可以任意设置,只要forBarMetrics那里是UIBarMetricsCompact就可以了.

[self.navigationBar setBackgroundImage:[UIImage imageNamed:@"nav.jpg"] forBarMetrics:UIBarMetricsCompact];

注意:调用这段代码想实现导航栏全透明必须先有

[[UINavigationBar appearance]  setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];

[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

这段代码.(原因是,你先把苹果的默认导航栏背景图片去掉).
————————————————
版权声明：本文为CSDN博主「搬砖小能手awesome」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jiege303/article/details/107507981

其他参考：

去掉导航栏UINavigationBar最下面的黑线（三种方案） https://www.jianshu.com/p/202afecc7a9c

iOS 11 怎样为导航条上的 UIBarButtonItem 设置间距 https://zhuanlan.zhihu.com/p/32727565