【iOS】去掉Tabbar顶部线条

用系统tabbar的时候,如果整个tabbar是规则的长方形,不容易看出上部是有线条的,但不规则的话,会有一条黑色的线横亘在那里,非常影响界面美观,就像这样:

打开到工程里看,是这条线:

位于Tabbar,和按钮并列,是个imageview:

想要改变它,必须要知道具体是什么名字,跳转到库的tabbar文件去看,如下:

有三个内置的image:背景图片、选中时图片、阴影图片,

然后修改这三个image

 

[objc] view plain copy
 
  1. //去掉tabBar顶部线条  
  2. CGRect rect = CGRectMake(0, 0, SCREENWIDTH, SCREENHEIGHT);  
  3. UIGraphicsBeginImageContext(rect.size);  
  4. CGContextRef context = UIGraphicsGetCurrentContext();  
  5. CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]);  
  6. CGContextFillRect(context, rect);  
  7. UIImage *img = UIGraphicsGetImageFromCurrentImageContext();  
  8. UIGraphicsEndImageContext();  
  9. [TBC.tabBar setBackgroundImage:img];  
  10. [TBC.tabBar setShadowImage:img];  


成功!结果如下:

 

 

原理:其实并没有删除横线(remove掉),只是把它变成透明的不影响操作和界面美观而已(视觉错)。

posted @ 2016-07-22 20:41  wg_workspace  阅读(1075)  评论(0编辑  收藏  举报