快速搭建 iOS Tab App

写在前面

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

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

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

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

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

选择Relationship Segue->view controllers

12738065-845f84d8b758b663.png
7.png

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

  • 可以点击下方Tab,在右侧设置边栏上设置Tab样式。
12738065-1af2667bc5f34444.png
10.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值