3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]
1. 在欢迎窗口右侧的历史项目列表中，双击打开之前创建的导航控制器项目模板。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ2LzIyM2I1MjU3NzhmMGU0MjVjNzAxMzBkMDlhZDM4NzllLnBuZw== "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
2. 选择编辑第一个视图控制器的实现文件。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzUwL2UwMWRkM2ViZjBkMTNhODZjMTdjMGU5M2Y2YjI0ZDkyLnBuZw== "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
3. 这一节您将设置导航按钮的样式，以及设置导航栏标题区的样式。现在来一步步编写代码，实现这项功能。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzIyLzIwYzc3ODdlZGQ5ZDA3NGQwY2FlZmZkMGU2YTZkMGJlLnBuZw== "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
4. 实例化一个工具条按钮对象，它将作为新的导航按钮。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc2MS80OGM3YjE0OTQ1NDBmYmVjNDBiZGRlMWMxZTRkNmYwOS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
5. 将导航栏左侧按钮，设置为新建的工具条按钮对象。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ0MS82NDQzYWJlZGU2NDM0YzA2M2FhNDU3MjYwNTk1NjY1OS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
6. 同样为导航栏右侧的导航按钮，设置新的样式。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzI1OS82Yzg3ODBkNjhlNzkwMTkyOTI3MDVjNDJmOWQ0MzFmMy5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
7. 将导航栏右侧按钮，设置为新建的工具条按钮对象。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY1Mi8zZGQ5ZDUzN2I2NDc1YjhlMjA2NGYwZGVlZjFjYWM4NC5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
8. 新建一个标签对象，它将显示标题区的标题文字。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc0NS9lZTNjNjJmMzhjNDdhMjg2YTM4YTZhNjJhYmRjODQyOS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
9. 设置标签对象的文字内容。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkzMy9jN2MyNmY4Y2UyOTZmYjM1MDVmYTI0NzA3MDQ4OWJlZC5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
10. 将标签对象的文字对齐方式，设置为居中对齐。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk5Ni9iNDFmOGRmNjRkNmJjNDc3MzQ1OTRmOGVjMDI2NzI5NC5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
11. 将标签视图对象，设置为导航栏的标题区。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzcwNy9lYzczMmIwYmIwYzIxNDk4NzdmZTgwY2JlZTllMDRmYi5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
12. 创建左侧导航按钮的点击事件。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzk2NC83MzBmN2Y2ZjFiMzg5MGRiMzlkN2Q1ZTRiNWUwMTAyNC5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
13. 创建一个警告弹出窗口。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM2MS83Y2IwYWZiNTg3OTJmOWI0YzI2NWMyNWZjMjZmOTRjMS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
14. 创建一个按钮，作为提示窗口中的[确定]按钮。当用户点击该按钮时，将关闭提示窗口。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc4OS9kZjRmN2EyNzRjZjFlNzk2ODg5N2I1OTMyZTU3ZTY1NS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
15. 将确定按钮，添加到提示窗口中。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQxOC84ZGFhNTQ4NTlhOTMwMDQxODJmYjcyODI5ZGQxM2FmYS5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
16. 在当前视图控制器中，展示提示窗口。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzc5NS84MzA4MjE5ZjA3Yjg5MTkzYmMxMGM0ZjlmMWM3ZTAyYi5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
17. 创建右侧导航按钮的点击事件，当用户点击按钮时，在控制台打印输出日志。然后点击[编译并运行]按钮，运行模拟器预览效果。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzg0My81MjNiZTU1ZjQxYjA2OGUwZGJmZDdlYTQ0OGYwZmQ5My5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
18. 点击左侧导航按钮，观察点击事件。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE2My82YmM4OWQ0YzI0NTE5NjViODVjMmNjZDU2MjY3MjM3My5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
19. 点击确定按钮，关闭警告窗口。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzY0Mi9iMzI0MThjNzAyMmU5MDE5NjkyMWRjZTRhODRjYTM3Mi5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
20. 点击右侧导航按钮，观察点击事件，同时留意底部控制台的日志输出。
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM3MC8zOWFjMTUwMzZhMDM2YjRjYWM4YWUzZWU4Y2JhYmIwMi5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
![3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzQ2Ni9lOTZhZDRjMjI4MWVjZDhiNThiZDk0MWNkMzNiYWZjMi5wbmc= "3.7 UINavigationController自定义导航按钮 [原创iOS开发-Xcode教程]")
2. 选择编辑第一个视图控制器的实现文件。
3. 这一节您将设置导航按钮的样式，以及设置导航栏标题区的样式。现在来一步步编写代码，实现这项功能。
4. 实例化一个工具条按钮对象，它将作为新的导航按钮。
5. 将导航栏左侧按钮，设置为新建的工具条按钮对象。
6. 同样为导航栏右侧的导航按钮，设置新的样式。
7. 将导航栏右侧按钮，设置为新建的工具条按钮对象。
8. 新建一个标签对象，它将显示标题区的标题文字。
9. 设置标签对象的文字内容。
10. 将标签对象的文字对齐方式，设置为居中对齐。
11. 将标签视图对象，设置为导航栏的标题区。
12. 创建左侧导航按钮的点击事件。
13. 创建一个警告弹出窗口。
14. 创建一个按钮，作为提示窗口中的[确定]按钮。当用户点击该按钮时，将关闭提示窗口。
15. 将确定按钮，添加到提示窗口中。
16. 在当前视图控制器中，展示提示窗口。
17. 创建右侧导航按钮的点击事件，当用户点击按钮时，在控制台打印输出日志。然后点击[编译并运行]按钮，运行模拟器预览效果。
18. 点击左侧导航按钮，观察点击事件。
19. 点击确定按钮，关闭警告窗口。
20. 点击右侧导航按钮，观察点击事件，同时留意底部控制台的日志输出。
本文整理自：《互动教程 for Xcode9 & Swift4》，真正的[手把手]教学模式，用最快的速度上手iOS开发，苹果商店App Store免费下载：https://itunes.apple.com/cn/app/id1063100471，或扫描本页底部的二维码。课程配套素材下载地址：资料下载