1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的导航控制器项目模板。
2. 选择编辑第一个视图控制器的实现文件。
3. 这一节您将设置导航按钮的样式,以及设置导航栏标题区的样式。现在来一步步编写代码,实现这项功能。
4. 实例化一个工具条按钮对象,它将作为新的导航按钮。
5. 将导航栏左侧按钮,设置为新建的工具条按钮对象。
6. 同样为导航栏右侧的导航按钮,设置新的样式。
7. 将导航栏右侧按钮,设置为新建的工具条按钮对象。
8. 新建一个标签对象,它将显示标题区的标题文字。
9. 设置标签对象的文字内容。
10. 将标签对象的文字对齐方式,设置为居中对齐。
11. 将标签视图对象,设置为导航栏的标题区。
12. 创建左侧导航按钮的点击事件。
13. 创建一个警告弹出窗口。
14. 创建一个按钮,作为提示窗口中的[确定]按钮。当用户点击该按钮时,将关闭提示窗口。
15. 将确定按钮,添加到提示窗口中。
16. 在当前视图控制器中,展示提示窗口。
17. 创建右侧导航按钮的点击事件,当用户点击按钮时,在控制台打印输出日志。然后点击[编译并运行]按钮,运行模拟器预览效果。
18. 点击左侧导航按钮,观察点击事件。
19. 点击确定按钮,关闭警告窗口。
20. 点击右侧导航按钮,观察点击事件,同时留意底部控制台的日志输出。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/223b525778f0e425c70130d09ad3879e.webp?x-image-process=image/format,png)
2. 选择编辑第一个视图控制器的实现文件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e01dd3ebf0d13a86c17c0e93f6b24d92.webp?x-image-process=image/format,png)
3. 这一节您将设置导航按钮的样式,以及设置导航栏标题区的样式。现在来一步步编写代码,实现这项功能。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/20c7787edd9d074d0caeffd0e6a6d0be.webp?x-image-process=image/format,png)
4. 实例化一个工具条按钮对象,它将作为新的导航按钮。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/48c7b1494540fbec40bdde1c1e4d6f09.webp?x-image-process=image/format,png)
5. 将导航栏左侧按钮,设置为新建的工具条按钮对象。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6443abede6434c063aa4572605956659.webp?x-image-process=image/format,png)
6. 同样为导航栏右侧的导航按钮,设置新的样式。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6c8780d68e79019292705c42f9d431f3.webp?x-image-process=image/format,png)
7. 将导航栏右侧按钮,设置为新建的工具条按钮对象。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/3dd9d537b6475b8e2064f0deef1cac84.webp?x-image-process=image/format,png)
8. 新建一个标签对象,它将显示标题区的标题文字。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ee3c62f38c47a286a38a6a62abdc8429.webp?x-image-process=image/format,png)
9. 设置标签对象的文字内容。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/c7c26f8ce296fb3505fa247070489bed.webp?x-image-process=image/format,png)
10. 将标签对象的文字对齐方式,设置为居中对齐。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b41f8df64d6bc47734594f8ec0267294.webp?x-image-process=image/format,png)
11. 将标签视图对象,设置为导航栏的标题区。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/ec732b0bb0c2149877fe80cbee9e04fb.webp?x-image-process=image/format,png)
12. 创建左侧导航按钮的点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/730f7f6f1b3890db39d7d5e4b5e01024.webp?x-image-process=image/format,png)
13. 创建一个警告弹出窗口。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/7cb0afb58792f9b4c265c25fc26f94c1.webp?x-image-process=image/format,png)
14. 创建一个按钮,作为提示窗口中的[确定]按钮。当用户点击该按钮时,将关闭提示窗口。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/df4f7a274cf1e7968897b5932e57e655.webp?x-image-process=image/format,png)
15. 将确定按钮,添加到提示窗口中。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8daa54859a93004182fb72829dd13afa.webp?x-image-process=image/format,png)
16. 在当前视图控制器中,展示提示窗口。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/8308219f07b89193bc10c4f9f1c7e02b.webp?x-image-process=image/format,png)
17. 创建右侧导航按钮的点击事件,当用户点击按钮时,在控制台打印输出日志。然后点击[编译并运行]按钮,运行模拟器预览效果。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/523be55f41b068e0dbfd7ea448f0fd93.webp?x-image-process=image/format,png)
18. 点击左侧导航按钮,观察点击事件。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/6bc89d4c2451965b85c2ccd562672373.webp?x-image-process=image/format,png)
19. 点击确定按钮,关闭警告窗口。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/b32418c7022e90196921dce4a84ca372.webp?x-image-process=image/format,png)
20. 点击右侧导航按钮,观察点击事件,同时留意底部控制台的日志输出。
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/39ac15036a036b4cac8ae3ee8cbabb02.webp?x-image-process=image/format,png)
![互动教程 for Xcode9 & Swift4-酷课堂](https://i-blog.csdnimg.cn/blog_migrate/e96ad4c2281ecd8b58bd941cd33bafc2.webp?x-image-process=image/format,png)
本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载