iOS导航模式之标签导航Storyboard实现

1首先,先打开xcode新建一个工程,选择Tabbed Application
iOS导航模式之标签导航Storyboard实现_第1张图片
2,新建工程以后,打开Main.storyboard,会看到已经新建好了两个页面。
iOS导航模式之标签导航Storyboard实现_第2张图片
3,这时候,在模拟器上面运行程序,看到是这样的
iOS导航模式之标签导航Storyboard实现_第3张图片
4 为了看着方便一点,我把autolayout先取消了
iOS导航模式之标签导航Storyboard实现_第4张图片

5 同是,选择view的size为4.7 我喜欢6s,不解释

iOS导航模式之标签导航Storyboard实现_第5张图片
5.png
6,这时候呢,我想给显示的页面增加一个导航栏,同时呢,让底部的标签变成四个,可以这样做
7,选择一个navigation controller,拖到故事版里面
iOS导航模式之标签导航Storyboard实现_第6张图片
6.png
8,选中此controller删除,然后在拖一个viewcontroller到故事版
iOS导航模式之标签导航Storyboard实现_第7张图片
7.jpeg

iOS导航模式之标签导航Storyboard实现_第8张图片
8.png
9,先选中navigation controller,然后按住control,连线到viewcontroller,选中root viewcontroller,这样,新建的viewcontroller就是基于一个导航控制器的controller了,可以实现push的跳转,同时自带导航栏,当然导航栏可以选中隐藏
iOS导航模式之标签导航Storyboard实现_第9张图片
10.png
10,现在关联这个controller,到tabbarcontroller,先选中tab bar controller,按住control,然后然后拖向navigation controller,选中view controllers
iOS导航模式之标签导航Storyboard实现_第10张图片
11.png

11 ,然后运行程序,发现一家添加了一个页面进去

iOS导航模式之标签导航Storyboard实现_第11张图片
14.png

12,新建一个controller,关联我们刚才建的。

iOS导航模式之标签导航Storyboard实现_第12张图片
15.png

iOS导航模式之标签导航Storyboard实现_第13张图片
16.png

iOS导航模式之标签导航Storyboard实现_第14张图片
18.jpeg

13 完成了以上的步奏,一个导航模式为标签导航的工程就建好了

你可能感兴趣的:(iOS导航模式之标签导航Storyboard实现)