iOS去除导航栏和tabbar的1px横线

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS去除导航栏和tabbar的1px横线相关的知识,希望对你有一定的参考价值。

1.在自己定义的导航栏中或者设计稿中经常需要去除导航栏的1px横线,主要是颜色太不协调了

技术分享
去除之前的图片

要去除这1px的横线,首先应该知道它是什么,在Xcode的界面调试中可以看到,它其实是UIImageView来的

技术分享
找到横线是什么了···

其实这是navigationBar的shadowImage,所以只要设置它为空即可,但是设置它为空之前应该先设置它的背景也为空,全部代码如下:

[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];

完成效果如下(是不是一干二净?):

技术分享
完成之后的效果

既然导航栏的那一横线能去除,那tabbar那一横线也是能去除的了(其实也是shadowImage来的)···

方法一:

自定义UITabBarController

方法二:

[self.tabBarController.tabBar setBackgroundImage:[UIImage new]];
[self.tabBarController.tabBar setShadowImage:[UIImage new]];

反之,如果我们想自定义那一横线的颜色也是可以的,只要设置它的shadowImage即可。(如果有更加好的方法,希望交流一下~~)



文/傅hc(简书作者)
原文链接:http://www.jianshu.com/p/d0f354aa4d0d
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

以上是关于iOS去除导航栏和tabbar的1px横线的主要内容,如果未能解决你的问题,请参考以下文章

转iOS隐藏导航条1px的底部横线

iOS 获取状态栏、导航栏、tabBar高度

NavigationBar 去除下面的横线

iOS-导航栏、状态栏及Tabbar高度(区分iPhone X与其他iPhone机型)

iOS导航栏和状态栏

uniCloud云开发----6uniapp配置tabbar底部导航栏和去掉uni-app顶部标题