美文网首页
UITabBar上面黑线隐藏

UITabBar上面黑线隐藏

作者: 小李不木 | 来源:发表于2022-02-15 15:45 被阅读0次

    设置背景:

    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个时候,最后一个一个就会自动变成省略号。

        "<UITransitionView: 0x18dfb0; frame = (); clipsToBounds = YES; autoresize = W+H; layer = <CALayer: 0x192610>>",

        "<UITabBar: 0x192ac0; frame = (); hidden = YES; autoresize = W+TM; layer = <CALayer: 0x192ba0>>"

    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上面黑线隐藏

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