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

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

作者: 竹菜板 | 来源:发表于2017-03-25 15:27 被阅读310次

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/tmjcottx.html