5分钟快速实现标签页导航

今天我们来快速实现一下标签页导航,效果图如下。

5分钟快速实现标签页导航_第1张图片
效果图

Step1.  新建一个工程:

5分钟快速实现标签页导航_第2张图片
选择 Single View Application
5分钟快速实现标签页导航_第3张图片
设定项目信息,创建项目

Step2. 查看项目目录:

5分钟快速实现标签页导航_第4张图片
只关注 AppDelegate.h 和 AppDelegate.m , 蓝色选中文件可以移动到 Supporting Files 目录下。

Step3. 新建一个类,继承自UITabBarController类:

5分钟快速实现标签页导航_第5张图片
 创建类JXTBC作为主控制器

Step4. 打开AppDelegate.m文件:

5分钟快速实现标签页导航_第6张图片
保留第一个函数,其他本项目不用,可以直接删除。

Step5. 在函数 application: didFinishLaunchingWithOptions: 内键入如下代码:

5分钟快速实现标签页导航_第7张图片
让自定义的UITabBarController接管程序

Step6. 创建4个视图控制器类,作为JXTBC的标签页:

5分钟快速实现标签页导航_第8张图片
创建视图控制器

Step7. 打开之前创建的类文件JXTBC.m

5分钟快速实现标签页导航_第9张图片
创建两个函数

Step8. 在viewDidLoad()中调用自定义设置函数

大功告成!点击运行即可

github地址

你可能感兴趣的:(5分钟快速实现标签页导航)