iOS storyboard创建Navigation Controller

转自 http://www.jianshu.com/p/695f357ab9fd

首先我们先来看下设计稿 (设计稿来自某强)

看起来还不错的设计图

然后我们需要分析一下：

1. 只有两个页面，乍一看......还挺简单的
2. 头部的颜色是一样的
3. 其它暂时也没想到

然后根据这个我们需要先把大概的框架搭一下
首先，因为头部风格是统一的，所以要用Navigation Controller来做根页面，所以我们在SB (Main.storyboard) 里面拖入一个Navigation Controller控件

Navigation Controller拖入以后进行一堆设置

然后我们删除拖进来时候自带的第二个页面，然后自己拖入一个View Controller

删除自带的第二个页面，添加一个View Controller，关联Navigation Controller

弹出框选择root view controller

好！！我们现在已经把统一导航的页面建好了

然后我们要把样式调成跟设计稿一样的颜色

设置标题栏的样式

接着把标题栏的按钮和名称设置好

设置标题栏的左右按钮和标题名称

标题栏的左右按钮还是默认的Item文字，我们要把它换成图标，所以我们先要把图标的部分设置好，接下来看图...

把图标资源添加到Assets.xcassets文件夹下 (关于@2x,@3x可以去百度下，大概意思就是适配各个版本的设备)

图标添加完成以后的是这样的效果

图标已经准备好了，那就赶紧用起来吧，啪嗒啪嗒...

设置好标题栏的左右图标

到这里第一个页面的头部已经做好了，然后我们需要把第二个页面也添加上 (现有左边那里页面是控制头部样式的跟页面，我们在运行APP的时候是不会单独显示它的，所以它不算事一个页面)

拖入新的View Controller，建立页面关系

页面连接方式选择Show，一连接起来，头部是不是一下子就变成一样的了呢

设置新页面的控件

到此我们的两个页面都做好了，Command＋R 来运行下我们的APP吧

做好后模拟器上运行的效果图

文／P_T（简书作者）
原文链接：http://www.jianshu.com/p/695f357ab9fd
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。