ios开发Swift修改导航栏“返回”按钮文字，图标

时间：2015-11-27 编辑：简简单单来源：一聚教程网

项目中常常会使用 UINavigationController 对各个页面进行导航，导航栏左侧的返回按钮默认标题文字是上级页面的title。

但如果上级页面的标题很长，那么这个返回按钮字很多就会很丑：

当文字极其长时返回文字就会变成“back”：

一，要修改“返回按钮”的文字，有如下两种方式：

1，在父页面中设置
将navigationItem.backBarButtonItem设为自定义的UIBarButtonItem
这种方法所有的子界面返回时都变成了我们定义的文字，同时文字前面任然保留返回箭头。

let item = UIBarButtonItem(title: "返回", style: .Plain, target: self, action: nil)
self.navigationItem.backBarButtonItem = item;

或者也可以直接把文字设为空字符串，这样就只有一个箭头了。

let item = UIBarButtonItem(title: "", style: .Plain, target: self, action: nil)
self.navigationItem.backBarButtonItem = item;

2，在子页面中设置
将navigationItem.leftBarButtonItem为自定义的UIBarButtonItem
这种方式可以给各个子页面返回按钮单独设置不同的文字，但文字前面是没有小箭头的。

import UIKit

class DetailViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let leftBarBtn = UIBarButtonItem(title: "返回", style: .Plain, target: self,
            action: "backToPrevious")
        self.navigationItem.leftBarButtonItem = leftBarBtn
    }

    //返回按钮点击响应
    func backToPrevious(){
        self.navigationController?.popViewControllerAnimated(true)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

二，修改“返回按钮”图标

从上面最后一个例子可以看到，在子页面修改返回按钮的话只有文字没有图片。如果想要使用自定义图片，或者图片文字都需要的话可以进行如下操作：

1，如果只需要图片，不需要文字

比如我们想要用左侧这个图片（back@2x.png）作为返回图标

import UIKit

class DetailViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let leftBarBtn = UIBarButtonItem(title: "", style: .Plain, target: self,
            action: "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?.popViewControllerAnimated(true)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

2，既需要图片也需要文字

这个时候就要通过创建UIButton来实现了

import UIKit

class DetailViewController: UIViewController {

    override func viewDidLoad() {

        let button =   UIButton(type: .System)
        button.frame = CGRectMake(0, 0, 65, 30)
        button.setImage(UIImage(named:"back"), forState: .Normal)
        button.setTitle("返回", forState: .Normal)
        button.addTarget(self, action: "backToPrevious", forControlEvents: .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?.popViewControllerAnimated(true)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

上一个： iOS开发如何使用Runloop无限循环
下一个： ios开发之Swift - 点击状态栏使tableView返回顶部（附：状态栏点击事件响应）

推荐专题

最新下载

热门教程

ios开发Swift修改导航栏“返回”按钮文字，图标

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程