iOS开发-去掉Tabbar顶部线条

康师傅_攻城狮

于 2016-07-13 10:45:18 发布

阅读量6.9k

点赞数 1

分类专栏：我的Objective-C之旅——基础文章标签： ios开发

本文链接：https://blog.youkuaiyun.com/sinat_28709097/article/details/51895866

版权

我的Objective-C之旅——基础专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何在iOS应用中去除TabBar顶部的线条，通过修改背景图片和阴影图片为透明，实现美观的界面效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用系统tabbar的时候，如果整个tabbar是规则的长方形，不容易看出上部是有线条的，但不规则的话，会有一条黑色的线横亘在那里，非常影响界面美观，就像这样：
效果图
位于Tabbar，和按钮并列，是个imageview：
分层图
想要改变它，必须要知道具体是什么名字，跳转到库的tabbar文件去看，如下：
系统库
有三个内置的image：背景图片、选中时图片、阴影图片，
然后修改这三个image

//去掉tabBar顶部线条 CGRect rect = CGRectMake(0, 0, SCREENWIDTH, SCREENHEIGHT); UIGraphicsBeginImageContext(rect.size); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]); CGContextFillRect(context, rect); UIImage *img = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); [TBC.tabBar setBackgroundImage:img]; [TBC.tabBar setShadowImage:img];

成功！结果如下：
成功图
原理：其实并没有删除横线（remove掉），只是把它变成透明的不影响操作和界面美观而已（视觉错）。