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

2016-05-30  本文已影响1137人  敲代码的树懒
1首先,先打开xcode新建一个工程,选择Tabbed Application
2,新建工程以后,打开Main.storyboard,会看到已经新建好了两个页面。
3,这时候,在模拟器上面运行程序,看到是这样的
4 为了看着方便一点,我把autolayout先取消了

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

5.png
6,这时候呢,我想给显示的页面增加一个导航栏,同时呢,让底部的标签变成四个,可以这样做
7,选择一个navigation controller,拖到故事版里面
6.png
8,选中此controller删除,然后在拖一个viewcontroller到故事版
7.jpeg
8.png
9,先选中navigation controller,然后按住control,连线到viewcontroller,选中root viewcontroller,这样,新建的viewcontroller就是基于一个导航控制器的controller了,可以实现push的跳转,同时自带导航栏,当然导航栏可以选中隐藏
10.png
10,现在关联这个controller,到tabbarcontroller,先选中tab bar controller,按住control,然后然后拖向navigation controller,选中view controllers
11.png

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

14.png

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

15.png
16.png
18.jpeg

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

上一篇下一篇

猜你喜欢

热点阅读