美文网首页
iOS导航模式之标签导航Storyboard实现

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

作者: 敲代码的树懒 | 来源:发表于2016-05-30 11:56 被阅读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 完成了以上的步奏,一个导航模式为标签导航的工程就建好了

    相关文章

      网友评论

          本文标题:iOS导航模式之标签导航Storyboard实现

          本文链接:https://www.haomeiwen.com/subject/fnoqdttx.html