在UIToolbar上创建一个左箭头按钮(像UINavigationBar的“后退”样式)

我想在UIToolbar中创建一个“后退”左箭头边框按钮。

据我所知，获得其中一个的唯一方法是将UINavigationController保留在默认设置，它使用一个用于左侧栏项。但没有办法我可以找到创建一个作为一个UIBarButtonItem，所以我不能在一个标准的UIToolbar，即使他们非常类似于UINavigationBars。

我可以用按钮图像手动创建它，但我在任何地方都找不到源图像。它们有alpha通道边缘，所以截图和剪切不会得到非常通用的结果。

对于我打算使用的每种尺寸和配色方案，除了截图之外还有什么想法吗?

更新:请停止回避问题，并建议我不应该问这个，应该使用UINavigationBar。我的应用程序是Instapaper Pro。它只显示了一个底部工具栏(以节省空间和最大化可读内容区域)，我希望在底部放置一个左箭头形状的后退按钮。

告诉我，我不需要这样做不是答案，当然也不值得赏金。

当前回答

如果你不想麻烦图像文件，箭头形状可以用下面的代码在UIView子类中绘制:

- (void)drawRect:(CGRect)rect {
    float width = rect.size.width;
    float height = rect.size.height;
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextBeginPath(context);
    CGContextMoveToPoint(context, width * 5.0/6.0, height * 0.0/10.0);
    CGContextAddLineToPoint(context, width * 0.0/6.0, height * 5.0/10.0);
    CGContextAddLineToPoint(context, width * 5.0/6.0, height * 10.0/10.0);
    CGContextAddLineToPoint(context, width * 6.0/6.0, height * 9.0/10.0);
    CGContextAddLineToPoint(context, width * 2.0/6.0, height * 5.0/10.0);
    CGContextAddLineToPoint(context, width * 6.0/6.0, height * 1.0/10.0);
    CGContextClosePath(context);

    CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextFillPath(context);
}

其中箭头视图是正比于宽度6.0和高度10.0

2016-01-15 02:41:42

其他回答

我试图做同样的事情，但我希望后退按钮在导航栏。(我实际上需要一个返回按钮，这将做的不仅仅是返回，所以我必须使用leftBarButtonItem属性)。我尝试了AndrewS建议的，但在导航栏中，它不会看起来像它应该的样子，因为UIButton有点被强制转换为UIBarButtonItem。

但我找到了一个解决办法。我只是在UIButton下面放了一个UIView并为UIBarButtonItem设置了customView。下面是代码，如果有人需要的话:

// initialize button and button view
UIButton *backButton = [UIButton buttonWithType:101];
UIView *backButtonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, backButton.frame.size.width, backButton.frame.size.height)];

[backButton addTarget:self action:@selector(backButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
[backButton setTitle:@"Back" forState:UIControlStateNormal];
[backButtonView addSubview:backButton];

// set buttonview as custom view for bar button item
UIBarButtonItem *backButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButtonView];
self.navigationItem.leftBarButtonItem = backButtonItem;

// push item to navigationbar items
[self.navigationController.navigationBar setItems:[NSArray arrayWithObject:backButtonItem]];

2010-09-03 21:34:41

你为什么要这么做?如果你想要一个看起来像导航栏的东西，使用UINavigationBar。

工具栏具有与之相关的特定视觉样式。iPhone的人机界面指南如下:

一个工具栏出现在屏幕的底部边缘，其中包含执行与当前视图中的对象相关的操作的按钮。

然后，它给出了几个没有文本的大致方形图标的视觉示例。我强烈建议你在这件事上遵循HIG。

2008-10-23 01:33:37

制作一个带有箭头的UIButton(我不是设计师;)，非常接近iOS 7系统的后退箭头:

标准:

Apple SD Gothic Neo

在Xcode中:

关注按钮的标题值字段(或任何其他带有文本内容的视图/控件) 打开编辑->特殊字符选择括号组，双击'<'字符更改字体为:Apple SD哥特式Neo，常规与所需的大小(例如20) 随你喜欢改变颜色

参考@staticVoidMan对iOS 7上类似后退的箭头的回答