码迷,mamicode.com
首页 > 移动开发 > 详细

【iOS】去掉Tabbar顶部线条

时间:2016-07-22 21:33:41      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:

用系统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掉),只是把它变成透明的不影响操作和界面美观而已(视觉错)。

【iOS】去掉Tabbar顶部线条

标签:

原文地址:http://www.cnblogs.com/WG-WA/p/5697073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!