修改导航栏“返回”按钮文字和图标

项目中常常会使用 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)
}


你可能感兴趣的:(修改导航栏“返回”按钮文字和图标)