美文网首页
7 实现首页TabBar框架结构(Swift)

7 实现首页TabBar框架结构(Swift)

作者: flyfishcxy | 来源:发表于2023-04-18 09:50 被阅读0次

进入一个App手机首页,大部分原生的主页都是采用这种底部导航的方式,这种交互模式从接触原生开发开始就有,所以底部导航是一种非常经典的交互模式。

那么话不多说,我们开始来详细描述首页TabBar框架实现过程:

1 创建MainController继承UITabBarController实现底部tabBar导航,在viewDidload设置背景颜色

MainController继承UITabBarController

2 设置rootVC为MainController并进行测试看模拟器运行效果

设为rootVC

3  创建底部5个VC控制器发现+视频+我的+动态+直播

创建5个vc

4 在MainController添加addChildController公共函数,用来设置5个vc的图片和title

addChildController封装

5  在viewDidLoad调用addChildController函数,设置5 个vc的title和图片初始化

5 个vc的title和图片初始化

6 运行模拟器看效果展示

总结:

1 创建MainVC继承UITabBar,AppDelegate设置vc为rootvc

2 创建5个VC并封装addChildVC实现底部5个vc的图片和title点击

3 viewDidLoad进行测试

相关文章

网友评论

      本文标题:7 实现首页TabBar框架结构(Swift)

      本文链接:https://www.haomeiwen.com/subject/btyhjdtx.html