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

Swift 前端之家
前端之家收集整理的这篇文章主要介绍了Swift - 修改导航栏“返回”按钮文字，图标，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
（本文代码已升级至Swift3）

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

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


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


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

1，在父页面中设置
将 navigationItem.backBarButtonItem设为自定义的 UIBarButtonItem
这种方法所有的子界面返回时都变成了我们定义的文字，同时文字前面任然保留返回箭头。
1
2
let item = UIBarButtonItem (title: "返回" ,style: .plain,target: self nil )
.navigationItem.backBarButtonItem = item
或者也可以直接把文字设为空字符串，这样就只有一个箭头了。
@H_502_102@"" .navigationItem.backBarButtonItem = item

2，在子页面中设置
将 navigationItem.leftBarButtonItem为自定义的 UIBarButtonItem
这种方式可以给各个子页面返回按钮单独设置不同的文字，但文字前面是没有小箭头的。
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import UIKit
class DetailViewController : UIViewController {
override func viewDidLoad() {
super .viewDidLoad()
leftBarBtn = action: #selector(backToPrevIoUs))
.navigationItem.leftBarButtonItem = leftBarBtn
}
//返回按钮点击响应
backToPrevIoUs(){
.navigationController!.popViewController(animated: true )
}
didReceiveMemoryWarning() {
.didReceiveMemoryWarning()
}
}

二，修改“返回按钮”图标
从上面最后一个例子可以看到，在子页面修改返回按钮的话只有文字没有图片。如果想要使用自定义图片，或者图片文字都需要的话可以进行如下操作：
1，如果只需要图片，不需要文字
比如我们想要用左侧这个图片（back@2x.png）作为返回图标
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import UIKit
class DetailViewController : UIViewController {
override func viewDidLoad() {
super .viewDidLoad()
let leftBarBtn = UIBarButtonItem (title: "" self action: #selector(backToPrevIoUs))
leftBarBtn.image = UIImage (named: "back" )
//用于消除左边空隙，要不然按钮顶不到最前面
spacer = (barButtonSystemItem: .fixedSpace,153)!important; background:none!important">nil action: )
spacer.width = -10;
.navigationItem.leftBarButtonItems = [spacer,leftBarBtn]
}
//返回按钮点击响应
backToPrevIoUs(){
.navigationController!.popViewController(animated: true )
}
didReceiveMemoryWarning() {
.didReceiveMemoryWarning()
}
}

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

这个时候就要通过创建 UIButton来实现了
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import UIKit
class DetailViewController : UIViewController {
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( "返回" : .normal)
button.addTarget( self : .touchUpInside)
leftBarBtn = UIBarButtonItem (customView: button)
//用于消除左边空隙，要不然按钮顶不到最前面
spacer = nil action: )
spacer.width = -10;
}
//返回按钮点击响应
backToPrevIoUs(){
.navigationController!.popViewController(animated: true )
}
didReceiveMemoryWarning() {
super .didReceiveMemoryWarning()
}
}

三，自定义leftBarButtonItems导致左边缘滑动返回失效问题解决
通常使用 navigationController 跳转到另一页面时，除了可以点击左上角的返回按钮，还可以通过在屏幕左侧向右滑动来返回到上一层。但如果像上面样例一样，自定义了 self.navigationItem.leftBarButtonItems 后会发现，滑动返回（ swipe back ）失效了。
解决办法： Swift - 自定义导航栏leftBarButtonItems导致滑动返回失效问题解决

原文出自： www.hangge.com 转载请保留原文链接： http://www.hangge.com/blog/cache/detail_957.html 原文链接：https://www.f2er.com/swift/321577.html

猜你在找的Swift相关文章

Swift 正式开源，同时开源 Swfit 核心库和包管理器
Swift 正式开源！Swift 团队很高兴宣布 Swift 开始开源新篇章。自从苹果发布 Swfit 编程语...
Swift开源短短一天不到Github就有9000多star
快，快，快！动动您的小手，分享给更多朋友！ 苹果去年推出了全新的编程语言Swift，试图让...
苹果的Swift语言开源了！
开发者（KaiFaX） 面向开发者、程序员的专业平台！ 和今年年初承诺的一样，苹果贴出了Swif...
使用 Swift 构建自定义的ActivityIndicator View
本文由@Chun发表于Chun Tips ：http://chun.tips/blog/2014/12/11/shi-yong-swift-gou-jia...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift 的 NSDate 初学者指南
译者：ray16897188；校对：numbbbbb；定稿：Cee 如果问我在做过的所有项目中做的最多的事情...
10 个最佳的 Swift 教程实例
★ 时间就是金钱。你可以一开始就使用正确的 Swift 教程来节省时间。本文中提到的教程都是...
Swift Package Manager快速上手指南（一）：环境搭建
CSDN移动将持续为您优选移动开发的精华内容，共同探讨移动开发的技术热点话题，涵盖移动应...
编写高性能的 Swift 代码
下面这篇文档收集了一系列编写高性能 Swift 代码的要诀和技巧。文档的目标读者是编译器和标...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签