自定义导航栏的返回键

最新推荐文章于 2023-11-21 17:28:34 发布

原创最新推荐文章于 2023-11-21 17:28:34 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

导航条（Navigation Bar）专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在iOS应用中定制导航栏的返回按钮样式，包括使用UIImage设置返回按钮图标及调整其触摸区域，以及通过UIButton实现自定义返回按钮，并提供代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    UIImage *backButtonHomeImage = [[UIImage imageNamed:@"nav_back"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 30, 0, 0)];
    
    [[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonHomeImage  forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
    
    
     //隐藏下级导航栏的backbutton title
    UIBarButtonItem *temporaryBarButtonItem = [[UIBarButtonItem alloc] init];
    
    temporaryBarButtonItem.title = @" ";
    
    self.navigationItem.backBarButtonItem = temporaryBarButtonItem;

或者使用左键代替返回键

    NSMutableArray * leftBarButtonItems = [[NSMutableArray alloc] initWithCapacity:0];
    
    UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
    
    [backButton setBackgroundImage:[UIImage imageNamed:@"nav_back"] forState:UIControlStateNormal];
    
    [backButton addTarget:self action:@selector(goBack) forControlEvents:UIControlEventTouchUpInside];
    
    backButton.frame = CGRectMake(0, 7, 30, 30);
    
    UIBarButtonItem *leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
    
    [leftBarButtonItems addObject:leftBarButtonItem];
    
    
    //占位的button，减少返回键的触控范围===以下也可以不要
    UIButton *nullButton = [UIButton buttonWithType:UIButtonTypeCustom];
    
    UIBarButtonItem *nullBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:nullButton];
    
    [leftBarButtonItems addObject:nullBarButtonItem];
    
    [self.navigationItem setLeftBarButtonItems:leftBarButtonItems];