我想在UIToolbar中创建一个“后退”左箭头边框按钮。
据我所知，获得其中一个的唯一方法是将UINavigationController保留在默认设置，它使用一个用于左侧栏项。但没有办法我可以找到创建一个作为一个UIBarButtonItem，所以我不能在一个标准的UIToolbar，即使他们非常类似于UINavigationBars。
我可以用按钮图像手动创建它，但我在任何地方都找不到源图像。它们有alpha通道边缘，所以截图和剪切不会得到非常通用的结果。
对于我打算使用的每种尺寸和配色方案，除了截图之外还有什么想法吗?
更新:请停止回避问题，并建议我不应该问这个，应该使用UINavigationBar。我的应用程序是Instapaper Pro。它只显示了一个底部工具栏(以节省空间和最大化可读内容区域)，我希望在底部放置一个左箭头形状的后退按钮。
告诉我，我不需要这样做不是答案，当然也不值得赏金。
当前回答
我有一个类似的问题，并拿出一个库PButton。示例是类似于后退导航按钮的按钮，它可以像自定义按钮一样在任何地方使用。
就像这样:
其他回答
Swift 5.2 Xcode 11.4
苹果标志雪佛龙。左边现在允许一个更优雅的解决方案，使一个自定义按钮。我已经尽可能地匹配了大小和间距。
import UIKit
class CustomBackButton: UIBarButtonItem {
convenience init(target: Any, selector: Selector) {
// Create UIButton
let button = UIButton(frame: .zero)
// Customise Title
button.setTitle("Back", for: .normal)
button.setTitleColor(.systemBlue, for: .normal)
button.titleLabel?.font = UIFont.systemFont(ofSize: 17)
// Customise Image
let config = UIImage.SymbolConfiguration(pointSize: 19.0, weight: .semibold, scale: .large)
let image = UIImage(systemName: "chevron.left", withConfiguration: config)
button.setImage(image, for: .normal)
// Add Target
button.addTarget(target, action: selector, for: .touchUpInside)
// Customise Spacing to match system Back button
button.imageEdgeInsets = UIEdgeInsets(top: 0.0, left: -18.0, bottom: 0.0, right: 0.0)
button.titleEdgeInsets = UIEdgeInsets(top: 0.0, left: -12.0, bottom: 0.0, right: 0.0)
self.init(customView: button)
}
}
这可以实现为一个UIToolbarItem，或UINavigationItem
override func viewDidLoad() {
super.viewDidLoad()
// UIToolbar Item
let barBackButton = CustomBackButton(target: self, selector: #selector(backButtonTapped))
let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
navigationController?.setToolbarHidden(false, animated: false)
toolbarItems = [barBackButton, flexSpace]
// Navigation Item
let navBackButton = CustomBackButton(target: self, selector: #selector(backButtonTapped))
navigationItem.leftBarButtonItem = navBackButton
}
@objc func backButtonTapped() {
print("Back tapped")
}
如果你想翻转按钮，让箭头指向右侧:
使用命名为“chevron.right”的苹果符号
将以下代码添加到CustomBackButton类:
// Put the image of the right side of the button
button.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
button.titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
button.imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
我发现使用以下，简单的代码做到了这一点(需要在bundle中自定义图像):
// Creates a back button instead of default behaviour (displaying title of previous screen)
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"back_arrow.png"]
style:UIBarButtonItemStyleBordered
target:self
action:@selector(backAction)];
tipsDetailViewController.navigationItem.leftBarButtonItem = backButton;
[backButton release];
Three20库有一个方法可以做到这一点:
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle: @"Title" style:UIBarButtonItemStylePlain
target:self action:@selector(foo)];
UIColor* darkBlue = RGBCOLOR(109, 132, 162);
TTShapeStyle* style = [TTShapeStyle styleWithShape:[TTRoundedLeftArrowShape shapeWithRadius:4.5] next:
[TTShadowStyle styleWithColor:RGBCOLOR(255,255,255) blur:1 offset:CGSizeMake(0, 1) next:
[TTReflectiveFillStyle styleWithColor:darkBlue next:
[TTBevelBorderStyle styleWithHighlight:[darkBlue shadow]
shadow:[darkBlue multiplyHue:1 saturation:0.5 value:0.5]
width:1 lightSource:270 next:
[TTInsetStyle styleWithInset:UIEdgeInsetsMake(0, -1, 0, -1) next:
[TTBevelBorderStyle styleWithHighlight:nil shadow:RGBACOLOR(0,0,0,0.15)
width:1 lightSource:270 next:nil]]]]]];
TTView* view = [[[TTView alloc] initWithFrame:CGRectMake(0, 0, 80, 35)] autorelease];
view.backgroundColor = [UIColor clearColor];
view.style = style;
backButton.customView = view;
self.navigationItem.leftBarButtonItem = backButton;
制作一个带有箭头的UIButton(我不是设计师;)，非常接近iOS 7系统的后退箭头:
标准:
Apple SD Gothic Neo
在Xcode中:
关注按钮的标题值字段(或任何其他带有文本内容的视图/控件) 打开编辑->特殊字符 选择括号组，双击'<'字符 更改字体为:Apple SD哥特式Neo，常规与所需的大小(例如20) 随你喜欢改变颜色
参考@staticVoidMan对iOS 7上类似后退的箭头的回答
Swift 3中的例子，右上方有一个previous和next按钮。
let prevButtonItem = UIBarButtonItem(title: "\u{25C0}", style: .plain, target: self, action: #selector(prevButtonTapped))
let nextButtonItem = UIBarButtonItem(title: "\u{25B6}", style: .plain, target: self, action: #selector(nextButtonTapped))
self.navigationItem.rightBarButtonItems = [nextButtonItem, prevButtonItem]
