去除导航栏和 tabbar 的1px 横线 - iOS
2018-01-05 14:42
344 查看
实际开发中,在自定义的导航栏或者设计搞中经常会遇到需要去除导航栏下方 1px 横线的需求,主要原因是因为颜色不协调.
![](https://upload-images.jianshu.io/upload_images/3095156-ced5b50a2eeaab93.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/377)
要去除该 1px 的横线,我们首先应该知道它是什么,基于谁的,那么我们可以在 Xcode 的界面调试模板中查到其原委,它其实是一个 UIImageView;
![](https://upload-images.jianshu.io/upload_images/3095156-931ab94c9746bed6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
其实这是 navigationBar 的 shadowImage, 所以只要设置它为空即可,但是设置它为空之前我们应该先将它的背景设置为空,具体代码如下:
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
如上所述步骤完成之后,效果如下:
![](https://upload-images.jianshu.io/upload_images/3095156-ed6512af8ee52e43.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/379)
如上原理可以推断得知,既然导航条的横线能够去除,同理那 tabbar 的横线应该也是可以去除掉的(同理:其实也是 shadowImage);
其中,我们可以自定义 UITabBarController,也可以将它的 image 置空,代码如下:
[self.tabBarController.tabBar setBackgroundImage:[UIImage new]];
[self.tabBarController.tabBar setShadowImage:[UIImage new]];
反之,如果想自定义那条横线的颜色样式也是可以的,只需要设置好它的 shadowImage 即可.
![](https://upload-images.jianshu.io/upload_images/3095156-ced5b50a2eeaab93.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/377)
要去除该 1px 的横线,我们首先应该知道它是什么,基于谁的,那么我们可以在 Xcode 的界面调试模板中查到其原委,它其实是一个 UIImageView;
![](https://upload-images.jianshu.io/upload_images/3095156-931ab94c9746bed6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
其实这是 navigationBar 的 shadowImage, 所以只要设置它为空即可,但是设置它为空之前我们应该先将它的背景设置为空,具体代码如下:
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
[self.navigationController.navigationBar setShadowImage:[UIImage new]];
如上所述步骤完成之后,效果如下:
![](https://upload-images.jianshu.io/upload_images/3095156-ed6512af8ee52e43.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/379)
如上原理可以推断得知,既然导航条的横线能够去除,同理那 tabbar 的横线应该也是可以去除掉的(同理:其实也是 shadowImage);
其中,我们可以自定义 UITabBarController,也可以将它的 image 置空,代码如下:
[self.tabBarController.tabBar setBackgroundImage:[UIImage new]];
[self.tabBarController.tabBar setShadowImage:[UIImage new]];
反之,如果想自定义那条横线的颜色样式也是可以的,只需要设置好它的 shadowImage 即可.
相关文章推荐
- iOS去除导航栏和tabbar的1px横线
- iOS去除导航栏和tabbar的1px横线
- iOS去除导航栏和tabbar的1px横线
- iOS去除导航栏和tabbar的1px横线
- ios去除导航栏中1px横线
- iOS去除导航栏和tabbar的横线
- iOS之旅--隐藏(去除)导航栏底部横线
- iOS隐藏导航条、tabbar 1px的底部横线
- iOS之旅--隐藏(去除)导航栏底部横线
- iOS去除导航栏和tabbar的1px横线
- iOS开发--隐藏(去除)导航栏底部横线
- iOS去除导航栏和tabbar的1px横线
- iOS 修改或去除tabBar顶部横线
- IOS 去掉导航栏(UINavigationBar)下方的横线
- 去掉导航栏或者tabbar上的横线
- IOS 去掉导航栏(UINavigationBar)下方的横线
- iOS隐藏导航条1px的底部横线
- iOSAPP开发中隐藏导航栏背景以及下面的横线
- iOS界面跳转过程中导航栏和tabBar的隐藏与显示
- iOS - 如何去除tabbar顶部线条及设置背景图片