iOS 导航栏自定义返回按钮

最新推荐文章于 2021-06-08 14:24:46 发布

原创最新推荐文章于 2021-06-08 14:24:46 发布 · 737 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #导航栏

iOS 专栏收录该内容

65 篇文章

订阅专栏

本文介绍如何在iOS应用中自定义导航栏的返回按钮，包括全局设置、单独设置和继承导航栏的方法，以及如何调整按钮的位置。

方法一：
// 缺陷是图片显示成纯色的
// 设置全局导航栏返回按钮指示图
UINavigationBar *navBar = [UINavigationBar appearance];
UIImage *image = [UIImage imageNamed:@"back"];
//以下两个必须同时设置
navBar.backIndicatorImage = image;
navBar.backIndicatorTransitionMaskImage = image;

//在viewController里面将backItem的title设成"", 主要作用是没有显示内容
UIBarButtonItem *backItem = [[UIBarButtonItem alloc] init];
backItem.title = @"";
self.navigationItem.backBarButtonItem = backItem;

方法二：
// 缺陷是向左滑动时不能作为返回操作使用
// 设置viewController的 leftBarButtonItem
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *backImage = [UIImage imageNamed:@"back"];
[btn setImage:backImage forState:UIControlStateNormal];
[btn addTarget:self action:@selector(btnBackClick) forControlEvents:UIControlEventTouchUpInside];
self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:btn];

//以上方法，返回按钮不太靠边，可以使用重写以下方法达到效果
//.h文件
@interface UINavigationItem (DM)

@end

//.m文件
@implementation UINavigationItem (DM)

- (void)setLeftBarButtonItem:(UIBarButtonItem *)leftBarButtonItem
{
    if (iOS7UP && leftBarButtonItem.customView)
    {
        UIBarButtonItem *negativeSeperator = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
        
        negativeSeperator.width = -7.0;//此处修改到边界的距离
        
        if (leftBarButtonItem) 
        {
            [self setLeftBarButtonItems:@[negativeSeperator, leftBarButtonItem]];
        } 
        else 
        {
            [self setLeftBarButtonItems:@[negativeSeperator]];
        }
    } 
    else 
    {
        [self setLeftBarButtonItem:leftBarButtonItem animated:NO];
    }
}

- (void)setRightBarButtonItem:(UIBarButtonItem *)rightBarButtonItem
{
    if (iOS7UP && rightBarButtonItem.customView) 
    {
        UIBarButtonItem *negativeSeperator = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
        negativeSeperator.width = -7.0;//此处修改到边界的距离
        if (rightBarButtonItem) 
        {
            [self setRightBarButtonItems:@[negativeSeperator, rightBarButtonItem]];
        } 
        else 
        {
            [self setRightBarButtonItems:@[negativeSeperator]];
        }
    } 
    else 
    {
        [self setRightBarButtonItem:rightBarButtonItem animated:NO];
    }
}

@end

方法三：
// 继承导航栏，将导航栏隐藏，自定义导航栏