项目中常常会使用 UINavigationController 对各个页面进行导航,导航栏左侧的返回按钮默认标题文字是上级页面的title。
但如果上级页面的标题很长,那么这个返回按钮字很多就会很丑。
当文字极其长时返回文字就会变成“back”。
1、只修改文字,或者去掉文字,保留系统的<箭头
在父界面中:
let item = UIBarButtonItem(title: "返回", style: .plain, target: self, action: nil)
self.navigationItem.backBarButtonItem = item
2、自定义返回按钮
在本界面:
override func viewDidLoad() {
let leftBarBtn = UIBarButtonItem(title: "", style: .plain, target: self, action: #selector(self.backToPrevious))
leftBarBtn.image = UIImage(named: "back")
//用于消除左边空隙,要不然按钮顶不到最前面
let spacer = UIBarButtonItem(barButtonSystemItem: .fixedSpace, target: nil, action: nil)
spacer.width = -10 // 按实际需要修改
self.navigationItem.leftBarButtonItems = [spacer, leftBarBtn]
}
//返回按钮点击响应
func backToPrevious() {
self.navigationController?.popViewController(animated: true)
}
3、自定义返回按钮+文字
override func viewDidLoad() {
let button = UIButton(type: .system)
button.frame = CGRect(x: 0, y: 0, width: 65, height: 30)
button.setImage(UIImage(named: "back"), for: .normal)
button.setTitle("返回", for: .normal)
button.addTarget(self, action: #selector(self.backToPrevious), for: .touchUpInside)
let leftBarBtn = UIBarButtonItem(customView: button)
//用于消除左边空隙,要不然按钮顶不到最前面
let spacer = UIBarButtonItem(barButtonSystemItem: .fixedSpace, target: nil, action: nil)
spacer.width = -10 // 按需调整
self.navigationItem.leftBarButtonItems = [spacer, leftBarBtn]
}
//返回按钮点击响应
func backToPrevious() {
self.navigationController?.popViewController(animated: true)
}