UITabBar上面黑线隐藏

设置背景:

1. 自定义tabbar继承与 UITabBar

2. 自定义UITabBarItem 

tabbaritem设置
tabbar设置

注意: iOS 13 系统以上在tabbar 的设置上:

项目中设置了tabbar 的黑线隐藏,但是还是一直有黑线,是因为 UITabBarItem 的 UITabBarAppearance 和 UITabBar的 UITabBarAppearance 设置冲突,被覆盖了,上面这样设置可解决这个问题



 UITabBarController 结构

1:UITransitionView---存放当前子控制器的view

2:UITabBar---导航条(在下方)高度为49;添加了几个子控制器,底下的TabBar会被平分;能够被点击,切换到对应的view。

    注意:UITabBar上最多可以显示5个Tab,当我们往UITabBarController中添加超过的viewController超过5个时候,最后一个一个就会自动变成省略号。

    ">",

    "

2. 如果修改了UITabBar的固定高度为自定义,也需要更新 UITransitionView 的frame. 

        for(UIView *view in self.view.subviews){

        if(![view isKindOfClass:[UITabBar class]]){

            view.frame = CGRectMake(0, 0, 屏幕宽,屏幕高-UITabBar的高度);

            break;

        }

    }

管理原则

UITabBarController会一次性初始化所有子控制器,但是默认只加载第一个控制器视图,其他视图控制器只初始化,默认不会加载。只有当需要显示的时候才loadView加载。

子控制器加载后会存在内存中,下次直接显示,切换子控制器不会销毁之前显示的子控制器。只是所显示的view会先从屏幕移除,再添加。

每个视图控制器都有一个tabBarController属性,通过它可以访问所在的TabBarController,而且对于TabBarController的直接子视图,其tabBarController等于parentViewController。

每个视图控制器都有一个tabBarItem属性,通过它控制视图在UITabBarController的tabBar中的显示信息。


遇到问题:

需求:项目里 UITabBarController ---UINavigationController--UIViewController 这种结构,有4个tab 一级页面

在第1 和 第2 个tab一级页面需要全屏铺满,穿透tabbar 的高度到屏幕底部安全区域,3和4 tab一级页面正常展示,view的高度 在导航栏navbar下开始,状态栏tabbar上面截止。

实现方式:在 iOS 11 系统以上 :

1: viewSafeAreaInsetsDidChange:这里才能获取的正确的SafeAreaInsets 数据,再进行操作是安全的。

2: additionalSafeAreaInsets  修改安全区域为自定义的。如下可以穿透tabbar 的高度。

3:UIViewController的  self.edgesForExtendedLayout = UIRectEdgeBottom;  ( 默认是UIRectEdgeAll ,可以不设置)

UIViewController 中设置
在UITabBarController 里设置
UIViewController 项目基类中设置,不是tab一级页面都底部穿透tabbar, view 铺满全屏

但是在iOS 10 上的系统发现,nav 模态presentViewController 到另外一个navVC 后,再push 到一个listVC ,会导致 UITransitionView 高度减少,少了一个tabBar的高度(49)。导致listVC--view少了tabbar 高度,底部留白了一个tabbar 的高度。


解决方法:iOS10 系统:去掉  self.hidesBottomBarWhenPushed = YES.   listVC就正常展示了。

注意:self.hidesBottomBarWhenPushed = YES. 对iOS 11以及以上系统无影响,可能是11 系统已经修改了view 的安全区域additionalSafeAreaInsets,整个view向下延伸了一个tabbar 的高度,所以更新UITransitionView 的高度也没有影响

经查我们项目中重新了系统的 animateTransition 动画方法,引发了UITransitionView 高度减少49的问题。去掉后,这个问题解决了。

隐藏tabbar 使用在viewwillappear中设置 hidden  = yes 这种形式时,push 还有pop 的形式tabbr 都会有闪现的感觉,系统的左滑手势也不自然。系统提供的 hidesBottomBarWhenPushed 这个api 就比较自然。左滑手势也没有影响。tabbar 像是加在一级页面上一样,push 到二级页面不会有任何视觉不适。

参考:

UITabBarControler -   里面有自定义tabbar 的介绍 继承自UIView

不要随意修改UITabbarController,UINavigationController的布局 - dusty - 博客园    hidesBottomBarWhenPushed 可能会对UITransitionView高度产生影响。

iOS UITabBarController的使用 - 张玉宝 - 博客园   自定义tabbar 继承UIview 

你可能感兴趣的:(UITabBar上面黑线隐藏)