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

进入一个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进行测试

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容