5分钟快速实现标签页导航
2015-09-15 本文已影响155人
荒剑离
今天我们来快速实现一下标签页导航,效果图如下。
![](https://img.haomeiwen.com/i807748/b36293154fc18100.gif)
Step1. 新建一个工程:
![](https://img.haomeiwen.com/i807748/4ef32e922e9cfc0a.png)
![](https://img.haomeiwen.com/i807748/0572bbe308e5346c.png)
Step2. 查看项目目录:
![](https://img.haomeiwen.com/i807748/78060bfaedccd395.png)
Step3. 新建一个类,继承自UITabBarController类:
![](https://img.haomeiwen.com/i807748/1b132583afac5dcf.png)
Step4. 打开AppDelegate.m文件:
![](https://img.haomeiwen.com/i807748/f787b3d20cc2f753.png)
Step5. 在函数 application: didFinishLaunchingWithOptions: 内键入如下代码:
![](https://img.haomeiwen.com/i807748/b7a5eb78b62a9f38.png)
Step6. 创建4个视图控制器类,作为JXTBC的标签页:
![](https://img.haomeiwen.com/i807748/4289d2231eb09be8.png)
Step7. 打开之前创建的类文件JXTBC.m
![](https://img.haomeiwen.com/i807748/df2df5228df5f51c.png)
Step8. 在viewDidLoad()中调用自定义设置函数
![](https://img.haomeiwen.com/i807748/310bbbcca26d9157.png)