没有标题的UINavigationBar自定义后退按钮

Question

如何在没有标题的情况下自定义iOS 7及更高版本中的导航后退按钮？(即仅限箭头)

self.navigationItem.leftBarButtonItem = self.editButtonItem;

我只是想知道他们是否有任何self.backButtonItem;

要么

这样的事情？

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc]
                   initWithBarButtonSystemItem:UIBarButtonSystemItemBACK 
                   target:self action:@selector(back)];

Answer 1

这实际上非常简单,这就是我的工作:

目标C.

// Set this in every view controller so that the back button displays back instead of the root view controller name
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];

斯威夫特2

self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .Plain, target: nil, action: nil)

斯威夫特3

self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)

将此行放在正在推送到堆栈(前一个视图控制器)的视图控制器中.新推的视图控制器后退按钮现在将显示您为initWithTitle添加的内容,在本例中为空字符串.

Answer 2

我找到了一个简单的方法来使用iOS单箭头制作我的后退按钮.

让我们假设您有一个导航控制器从ViewB转到ViewA.在IB中,选择ViewA的导航栏,您应该看到以下选项:标题,提示和后退按钮.

ViewA导航栏选项

诀窍是在先前视图控制器(视图A)的选项中选择命运视图控制器后退按钮标题(ViewB ).如果您没有填写"后退按钮"选项,iOS将自动将标题设置为"返回",使用前一个视图控制器的标题.因此,您需要使用单个空格填充此选项.

在"后退按钮"选项中填充空格

结果:

Answer 3

只需使用图像!

OBJ-C:

- (void)viewDidLoad {
     [super viewDidLoad];
     UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"Icon-Back"]
                                                                                        style:UIBarButtonItemStylePlain
                                                                                       target:self.navigationController
                                                                                       action:@selector(popViewControllerAnimated:)];
     self.navigationItem.leftBarButtonItem = backButton;
}

SWIFT 4:

let backBTN = UIBarButtonItem(image: UIImage(named: "Back"), 
                              style: .plain, 
                              target: navigationController, 
                              action: #selector(UINavigationController.popViewController(animated:)))
navigationItem.leftBarButtonItem = backBTN
navigationController?.interactivePopGestureRecognizer?.delegate = self

ICON-Back.png

Icon-Back@2x.png

Icon-Back@3x.png

Answer 4

iOS7有新的界面规则,因此在推UIView时最好至少保留后退箭头.以编程方式更改"后退"文本非常容易.只需在推送视图之前添加此代码(如果您使用的是StoryBoards,则添加prepareForSegue):

-(void) prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
      self.navigationItem.backBarButtonItem=[[UIBarButtonItem alloc] initWithTitle:@"NEW TITLE" style:UIBarButtonItemStylePlain target:nil action:nil];
}

这将更改默认的"返回"文本,但会保留iOS7样式的后退箭头.您还可以在推动视图之前更改后退箭头的色调颜色:

- (void)viewDidLoad{
     //NavBar background color:
     self.navigationController.navigationBar.barTintColor=[UIColor redColor];
//NavBar tint color for elements:
     self.navigationController.navigationBar.tintColor=[UIColor whiteColor];
}

希望这对你有所帮助!

Answer 5

没什么需要做的.您可以通过故事板本身实现相同的目标.

只需转到根导航控制器并给出一个空格.切记不要你想要没有标题的后退按钮的控制器,而是根导航控制器.

Answer 6

虽然Kyle Begeman的答案完全可以解决问题,但在每个视图控制器中使用此代码是非常烦人的.我最终得到了一个简单的UINavigationItem类别.小心,这里是龙!对不起,我的意思是,调酒:

#import <objc/runtime.h>

@implementation UINavigationItem (ArrowBackButton)

static char kArrowBackButtonKey;

+ (void)load {
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        Method m1 = class_getInstanceMethod(self, @selector(backBarButtonItem));
        Method m2 = class_getInstanceMethod(self, @selector(arrowBackButton_backBarButtonItem));
        method_exchangeImplementations(m1, m2);
    });
}

- (UIBarButtonItem *)arrowBackButton_backBarButtonItem {
    UIBarButtonItem *item = [self arrowBackButton_backBarButtonItem];
    if (item) {
        return item;
    }

    item = objc_getAssociatedObject(self, &kArrowBackButtonKey);
    if (!item) {
        item = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStyleBordered target:nil action:NULL];
        objc_setAssociatedObject(self, &kArrowBackButtonKey, item, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    }
    return item;
}

@end

Answer 7

编辑:2014-04-09:当我获得声誉时,我感到很抱歉,因为我不再使用这个技巧了.我推荐Kyle的回答.还注意到self的self.navigationItem.backBarButtonItem是不显示后退按钮视图控制器,但以前的视图控制器进行回去.

如果您不需要为前一个视图控制器提供标题文本,只需用空白字符串填充标题;

self.navigationItem.title = @"";
[self.navigationController pushViewController:viewController animated:YES];

这将阻止在推动的视图控制器上显示带有V形的"后退".

编辑:即使您使用非空白标题文本,在viewWillAppear:工作中设置上一个视图控制器的标题,除了标题可以在视图控制器弹出时闪烁闪烁.我认为"推特应用程序"似乎做了更微妙的黑客以避免闪烁.

Answer 8

这有效,但它会删除上一项的标题,即使你回弹它:

self.navigationController.navigationBar.topItem.title = @"";

只需viewDidLoad在推送的View Controller 上设置此属性即可.

Answer 9

这就是我如何做到这一点,以及最简单,最有效,最明确的方式.

这有效,如果嵌入 Navigation Controller

斯威夫特3

在viewDidLoad我加入这个在视图控制器,你要后退按钮是刚刚箭头.

if let topItem = self.navigationController?.navigationBar.topItem {
   topItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
}

这与@Kyle Begeman的答案的不同之处在于,您在视图控制器上调用此选项,您希望后退按钮只是箭头,而不是推送堆栈视图控制器.

Answer 10

您无法按照自己的方式访问导航backButtonItem,您需要创建自己的后退按钮,如下所示:

- (void)loadView
{
    [super loadView];
    UIButton *backButton = [[UIButton alloc] initWithFrame: CGRectMake(0, 0, 44.0f, 30.0f)];
    [backButton setImage:[UIImage imageNamed:@"back.png"]  forState:UIControlStateNormal];
    [backButton addTarget:self action:@selector(popVC) forControlEvents:UIControlEventTouchUpInside];
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];
}

当然:

- (void) popVC{
  [self.navigationController popViewControllerAnimated:YES];
}

Answer 11

来自iOS6的简单黑客也适用于iOS7:

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

编辑: 不要使用这个黑客.请参阅评论了解详情.

Answer 12

目标:将 所有后退按钮自定义UINavigationBar为白色图标

步骤: 1.在AppDelete的"didFinishLaunchingWithOptions"方法中:

UIImage *backBtnIcon = [UIImage imageNamed:@"navBackBtn"];


if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
    [UINavigationBar appearance].tintColor = [UIColor whiteColor];
    [UINavigationBar appearance].backIndicatorImage = backBtnIcon;
    [UINavigationBar appearance].backIndicatorTransitionMaskImage = backBtnIcon;
}else{

    UIImage *backButtonImage = [backBtnIcon resizableImageWithCapInsets:UIEdgeInsetsMake(0, backBtnIcon.size.width - 1, 0, 0)];
    [[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage  forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

    [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -backButtonImage.size.height*2) forBarMetrics:UIBarMetricsDefault];
}

2. viewDidLoad在普通超ViewController类的方法中:

 if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(@"7.0")) {
        UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@""
                                                                     style:UIBarButtonItemStylePlain
                                                                    target:nil
                                                                    action:nil];
        [self.navigationItem setBackBarButtonItem:backItem];
    }else{
        //do nothing
    }

Answer 13

SWIFT 4

对于那些想要创建自定义后退按钮并删除其标题的用户，请在视图控制器中使用以下代码推送新代码：

self.navigationController?.navigationBar.backIndicatorImage = UIImage(named: "close")
self.navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(named: "close")
self.navigationItem?.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)

为了更通用，请执行以下操作：

1. 创建一个通用函数，如下所示：

   func addCustomizedBackBtn(navigationController: UINavigationController?, navigationItem: UINavigationItem?) {
       navigationController?.navigationBar.backIndicatorImage = UIImage(named: "close")
       navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(named: "close")
       navigationItem?.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: nil, action: nil)
   }
   

2. 然后按如下方式在视图控制器中使用它：

   addCustomizedBackBtn(navigationController: self.navigationController, navigationItem: self.navigationItem)