写在前面

  • 本文使用的IDE为Xcode9.0
  • 目的是搭建一个iPhone Tab View App框架
  • 使用的语言为Objective-C

方法一:使用Xcode自带的Tabbed App模版

  • 新建项目 ,选择iOS项目下的Tabbed App。点击后,取一个项目名,其他的设置不需要改变。
    快速搭建 iOS Tab App
    1.png
  • 可以看到新建的项目里面,代码层已经有两个创建好的ViewController,分别是FirstViewController和SecondViewController。Main.storyboard里也有相应的视图。

    快速搭建 iOS Tab App
    2.png
  • 点击运行,测试一下。此时有两个Tab,点击他们可以进行跳转。
快速搭建 iOS Tab App
3.png
  • 现在开始加第三个,在Xcode右下角找到ViewController,拖动添加到Main.storyboard里去。同时,在代码层,添加相应的类。我添加的是ThirdViewController.h/.m。代码参照Xcode自己提供的FirstViewController.h/.m。说白了,把代码里面所有的First改成Third就可以了。

    快速搭建 iOS Tab App
    4.png
  • 建立连接,点击刚才拖进来的ViewController那个小黄点(如图)。将其与类ThirdViewController关联。
快速搭建 iOS Tab App
5.png
  • 关键的一步:将ThirdViewController与加到整个项目中去。在Main.storyboard中,把鼠标放在Tab View Controller上,按住control键,拖动鼠标产生一条蓝线,在ThirdViewController上停下,松开鼠标。
快速搭建 iOS Tab App
6.png

选择Relationship Segue->view controllers

快速搭建 iOS Tab App
7.png

  • 这样联系就建立好了,为了测试方便,可以在第三个ViewController里加个Label,上面写你喜欢的东西。
快速搭建 iOS Tab App
8.png
  • 点击运行,发现底下有3个Tab了。点击第三个,就可以出现你自己加的Tab页面了。
快速搭建 iOS Tab App
9.png

  • 可以点击下方Tab,在右侧设置边栏上设置Tab样式。
快速搭建 iOS Tab App
10.png

方法二:通过Single View App自行添加Tab View Controller

有了第一种方法,第二种方法显得过于繁琐了。加上现在比较晚了。所以暂时就不写了。

相关文章: