进入一个App手机首页,大部分原生的主页都是采用这种底部导航的方式,这种交互模式从接触原生开发开始就有,所以底部导航是一种非常经典的交互模式。
![](https://img.haomeiwen.com/i1371985/1dd7757db64a6c32.png)
那么话不多说,我们开始来详细描述首页TabBar框架实现过程:
1 创建MainController继承UITabBarController实现底部tabBar导航,在viewDidload设置背景颜色
![](https://img.haomeiwen.com/i1371985/1c6855c88328d694.png)
2 设置rootVC为MainController并进行测试看模拟器运行效果
![](https://img.haomeiwen.com/i1371985/5e3d6c832555961c.png)
3 创建底部5个VC控制器发现+视频+我的+动态+直播
![](https://img.haomeiwen.com/i1371985/42132e312ec6d2e3.png)
4 在MainController添加addChildController公共函数,用来设置5个vc的图片和title
![](https://img.haomeiwen.com/i1371985/24a911053adbbc4c.png)
5 在viewDidLoad调用addChildController函数,设置5 个vc的title和图片初始化
![](https://img.haomeiwen.com/i1371985/6a46940e5bc72add.png)
6 运行模拟器看效果展示
![](https://img.haomeiwen.com/i1371985/f7bdafcf293c603b.png)
总结:
1 创建MainVC继承UITabBar,AppDelegate设置vc为rootvc
2 创建5个VC并封装addChildVC实现底部5个vc的图片和title点击
3 viewDidLoad进行测试
网友评论