导航栏上超过 1 个 rightBarButtonItem

Posted

技术标签:

【中文标题】导航栏上超过 1 个 rightBarButtonItem【英文标题】:More than 1 rightBarButtonItem on navigation bar 【发布时间】:2010-10-30 05:00:39 【问题描述】:

我想在导航栏上有两个 rightBarButtonItems。一个用于编辑,另一个用于添加。

显然我无法使用 Interface Builder。

有人知道如何以编程方式进行吗?谢谢!

【问题讨论】:

【参考方案1】:

现在包含在 ios 5 中,称为 rightBarButtonItems,注意复数

这是来自apple docs的文字:

rightBarButtonItems

要在导航栏右侧显示的自定义栏按钮项数组 当接收者是顶部导航项时。

@property(nonatomic, copy) NSArray *rightBarButtonItems

讨论

此数组可以包含 0 个或多个条形按钮项以显示在右侧 导航栏。项目从右到左显示的顺序与它们在 大批。因此,数组中的第一项是最右边的项,其他项被添加 上一项的左侧。

如果没有足够的空间来显示数组中的所有项目,那些会 重叠标题视图(如果存在)或栏左侧的按钮不 显示出来。

数组中的第一项也可以使用 rightBarButtonItem 属性来设置。

在 UINavigationBar.h 中声明

这是我在导航栏右侧实现搜索图标和编辑图标的方法:

UIBarButtonItem *searchButton         = [[UIBarButtonItem alloc]
                                         initWithBarButtonSystemItem:UIBarButtonSystemItemSearch
                                         target:self
                                         action:@selector(searchItem:)];

UIBarButtonItem *editButton          = [[UIBarButtonItem alloc] 
                                         initWithBarButtonSystemItem:UIBarButtonSystemItemEdit
                                         target:self action:@selector(editItem:)];

self.navigationItem.rightBarButtonItems =
[NSArray arrayWithObjects:editButton, searchButton, nil];

【讨论】:

在发行说明中完全错过了这一点。谢谢! 是的,我也这样做了,直到 SO 的某个人向我提示! +1 感谢您花时间更新这篇旧帖子。帮了大忙。【参考方案2】:

这是一个如何添加两个按钮作为右栏按钮的示例。下面的代码创建了一个包含向上和向下箭头按钮的分段控件,然后将其添加为导航右栏按钮的自定义视图:

UISegmentedControl* segmentedControl = [[UISegmentedControl alloc] initWithItems:[NSArray array]];
    [segmentedControl setMomentary:YES];
    [segmentedControl insertSegmentWithImage:[UIImage imageNamed:@"icon-triangle-up.png"] atIndex:0 animated:NO];
    [segmentedControl insertSegmentWithImage:[UIImage imageNamed:@"icon-triangle-down.png"] atIndex:1 animated:NO];
    segmentedControl.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;
    [segmentedControl addTarget:self action:@selector(segmentedAction:) forControlEvents:UIControlEventValueChanged];

    UIBarButtonItem * segmentBarItem = [[UIBarButtonItem alloc] initWithCustomView: segmentedControl];
    self.navigationItem.rightBarButtonItem = segmentBarItem;

【讨论】:

这对我帮助很大。谢谢! :) 这确实有很大帮助。只是不知道为什么它没有被接受。 当我想在我自己的应用程序的右侧放置两个按钮时,这并不是我的想法,但它的编码和运行比人们破解的各种方式要干净得多一起完成它,我将把它接管我脑海中的原始图像。【参考方案3】:

我的建议是不要将添加功能实现为导航栏中的按钮。我假设您正在处理下面项目的表格视图,因此处理此用户交互的一种方法是将“添加新项目”选项显示为表格视图中的最后一个条目。当用户通过实现以下委托方法点击导航栏中的“编辑”按钮时,这可以通过编程方式淡入:

- (void)setEditing:(BOOL)editing animated:(BOOL)animated

    [super setEditing:editing animated:animated];
    [self.tableView beginUpdates];
    [self.tableView setEditing:editing animated:YES];

    if (editing)
    
        NSIndexPath *indexPath = [NSIndexPath indexPathForRow:[objects count] inSection:0];
        [self.tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];           
    
    else
    
        NSIndexPath *indexPath = [NSIndexPath indexPathForRow:[objects count] inSection:0];     
        [self.tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];           
    
    [self.tableView endUpdates];

然后,您需要通过使用以下方法增加行数来确保额外的行数:

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 

    if (tableView.editing)
        return ([objects count] + 1);
    else
        return [objects count];     

然后在其左侧显示绿色加号,与正常的删除编辑样式相反:

- (UITableViewCellEditingStyle)tableView:(UITableView *)aTableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath 

    if (self.editing == NO || !indexPath) return UITableViewCellEditingStyleNone;
    if (indexPath.row >= [objects count]) 
        return UITableViewCellEditingStyleInsert;
    else
        return UITableViewCellEditingStyleDelete;

    return UITableViewCellEditingStyleNone;

当然,您需要在 cellForRowAtIndexPath: 实现中为其提供一个名称并处理其行选择。

【讨论】:

【参考方案4】:

如果有人路过,这里是快速的答案:

let barButton_array: [UIBarButtonItem] = [Button1, Button2]
navigationItem.setRightBarButtonItems(barButton_array, animated: false)

【讨论】:

【参考方案5】:

导航栏是一个 UIView,因此您可以简单地创建一个规则 UIButton 并将其作为子视图添加到您的导航栏。

设置相对于导航栏的框架。如果您希望它看起来与内置按钮完全一样,您可能必须自己生成图形,因为它们不会暴露给 SDK AFAIK。

【讨论】:

这真的有效吗?我试过没有 luc _viewTypeButton = [[UIButton alloc] initWithFrame:CGRectMake(0,0,20,20)]; _viewTypeButton.titleLabel.text=@"R"; [self.navigationController.navigationBar addSubview:_viewTypeButton]; k.【参考方案6】:

如果您希望有两个单独的按钮作为rightBarButtonItem,您可以通过将UIToolbar 作为自定义视图添加到右侧栏项来实现:

/*************************************************
       CREAT TWO RIGHT BAR BUTTON ITEMS
   *************************************************/
    // create a toolbar to have two buttons in the right
    UIToolbar* customToolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, 90, 44.01)];

    // create the array to hold the buttons, which then gets added to the toolbar
    NSMutableArray* rightBarButtonArray = [[NSMutableArray alloc] initWithCapacity:2];

    //Add the info button to the array
    UIButton* infoViewButton = [[UIButton buttonWithType:UIButtonTypeInfoLight] retain];
    [infoViewButton addTarget:self action:@selector(showInfoView) forControlEvents:UIControlEventTouchUpInside];
    UIBarButtonItem *infoItem =  [[UIBarButtonItem alloc] initWithCustomView:infoViewButton];
    [rightBarButtonArray addObject:infoItem];
    [infoItem release];

    //Add the Done Button to the array
    UIBarButtonItem *bbi;
    bbi = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemDone 
                                                        target:self 
                                                        action:@selector(create:)];

    [rightBarButtonArray addObject:bbi];
    [bbi release];

    //add the array to the custom toolbar
    [customToolbar setItems:rightBarButtonArray animated:NO];
    [rightBarButtonArray release];

    // and finally add the custom toolbar as custom view to the right bar item
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:customToolbar];
    [customToolbar release];

【讨论】:

【参考方案7】:

这是非常简单的两行答案:

第 1 步:为自定义视图创建一个笔尖,包含您想要的任何内容

第 2 步:将 nib 作为自定义视图添加到工具栏:

NSArray *subviewArray = [[NSBundle mainBundle] loadNibNamed:@"TwoButtonView" owner:self options:nil];
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:[subviewArray objectAtIndex:0]];

【讨论】:

【参考方案8】:

显示独立按钮(而不是分段控制按钮):

// create a toolbar to have two buttons in the right
UIToolbar* tools = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, 133, 44.01)];

// create the array to hold the buttons, which then gets added to the toolbar
NSMutableArray* buttons = [[NSMutableArray alloc] initWithCapacity:3];

// create a standard "add" button
UIBarButtonItem* bi = [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:NULL];
bi.style = UIBarButtonItemStyleBordered;
[buttons addObject:bi];

// create a spacer
bi = [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
[buttons addObject:bi];

// create a standard "refresh" button
bi = [[UIBarButtonItem alloc]
initWithBarButtonSystemItem:UIBarButtonSystemItemRefresh target:self action:@selector(refresh:)];
bi.style = UIBarButtonItemStyleBordered;
[buttons addObject:bi];

// stick the buttons in the toolbar
[tools setItems:buttons animated:NO];

// and put the toolbar in the nav bar
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:tools];

【讨论】:

【参考方案9】:

您可以从 Interface Builder 中进行操作。我在我的应用程序中所做的 - 只是在导航栏的左侧项目上添加了 UIView 并在此视图中放置了 3 个按钮并连接了它们的操作。您可以按照此在左/右导航项中添加多个按钮。

参考:Toolbar items in sub-nib

【讨论】:

以上是关于导航栏上超过 1 个 rightBarButtonItem的主要内容,如果未能解决你的问题,请参考以下文章

如何在导航栏上为单个视图上的不同按钮设置标题?

导航栏上的后退按钮故障/错误

导航栏上的 iOS::Button 仅出现在根视图控制器上

使用swift在选项卡式视图中的导航栏上添加按钮

使用CSS在导航栏上滑动(动画)bg图像位置

如何在情节提要的标签栏上启动导航控制器的第三个视图控制器