iOS开发 TabBar阴影方案

UITabBar自带的效果是一条灰色的细线,设计师希望做成阴影效果,查了一些资料,和设计师一起调了一下,达到了比较理想的效果,把代码分享出来!

效果图如下:

阴影.png

代码示例:

#define RGBColor(r, g, b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:1]

-(void)setTabBarItemFontColor{
    //tabBar线的颜色
    CGRect rect = CGRectMake(0, 0, KScreenW, 1);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [[UIColor clearColor] CGColor]);
    CGContextFillRect(context, rect);
    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    [_BaseTabBarVC.tabBar setBackgroundImage:img];
    [_BaseTabBarVC.tabBar setShadowImage:img];
    
    _BaseTabBarVC.tabBar.layer.shadowColor = RGBColor(213, 213, 213).CGColor;
    _BaseTabBarVC.tabBar.layer.shadowOffset = CGSizeMake(0, -2);
    _BaseTabBarVC.tabBar.layer.shadowOpacity = 0.3;//阴影透明度,默认0
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,018评论 3 119
  • 四月天里,我梦见你化作一只蝴蝶,在梦的霓裳里,你或嗔笑,或嬉骂,或舒翼逐风,或浅身在花丛。你带来的不只是我的喜...
    四月寻阅读 336评论 0 1
  • 事件高级(一) 给元素添加事件的问题 事件绑定的意义当一个元素添加两个以上事件的时候 事件绑定:IE - atta...
    Monee121阅读 273评论 0 0
  • 预热作业2 :如果你要和30个小伙伴一起创作一个好玩的项目,你希望是什么?请列举至少3项例如:拍视频,制作电子书…...
    PP龙青阅读 277评论 0 0