iOS UIView设置阴影效果

作者: Persistence__ | 来源:发表于2018-07-10 10:55 被阅读107次

做iOS开发的都会知道,给一个视图设置圆角只需要设置layer.cornerRadius,并masksToBounds值为YES即可,但若还想设置阴影效果,发现圆角和阴影是不兼容的,这里提供两种方法同时设置圆角和阴影
①父视图阴影,子视图圆角

    UIView *shadowView = [[UIView alloc]initWithFrame:CGRectMake(100, 100, 200, 200)];
    [self.view addSubview:shadowView];
    
    shadowView.layer.shadowColor = [UIColor blackColor].CGColor;
    shadowView.layer.shadowOffset = CGSizeMake(0, 0);
    shadowView.layer.shadowOpacity = 0.8;
    shadowView.layer.shadowRadius = 9.0;
    shadowView.layer.cornerRadius = 9.0;

    UILabel *label = [[UILabel alloc] initWithFrame:shadowView.bounds];
    label.backgroundColor =[UIColor redColor];
    label.layer.cornerRadius = 10;
    label.layer.masksToBounds = YES;
    [shadowView addSubview:label];

②高效的使用shadowPath

    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(100, 400, 200, 200)];
    view.backgroundColor = [UIColor redColor];
    view.layer.shadowColor = [UIColor blackColor].CGColor;//阴影颜色
    view.layer.shadowOpacity = 0.8;//阴影透明度,默认为0,如果不设置的话看不到阴影,切记,这是个大坑
    view.layer.shadowOffset = CGSizeMake(0, 0);//设置偏移量
    view.layer.cornerRadius = 9.0;
    view.layer.shadowRadius = 9.0;
    [self.view addSubview:view];
    
    //参数依次为大小,设置四个角圆角状态,圆角曲度
    view.layer.shadowPath = [UIBezierPath bezierPathWithRoundedRect:view.bounds byRoundingCorners:5 cornerRadii:CGSizeMake(0, 0)].CGPath;

效果图如下


阴影

相关文章

  • iOS UIView设置阴影效果

    做iOS开发的都会知道,给一个视图设置圆角只需要设置layer.cornerRadius,并masksToBoun...

  • ios 阴影偏移效果

    给UIView及其子类设置阴影偏移效果,代码如下:

  • UIView,UIButton,UIImageView等设立

    UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法 在iOS开发中,任何可...

  • iOS UIView添加阴影

    UIView添加四边阴影效果 UIView添加单边阴影效果

  • iOS设置UIView阴影

    masksToBoundslayer对子layer进行切割,为true后切割后,阴影就看不到了。 shadowOf...

  • 为UIView设置阴影效果

    在通过这样的方式设置阴影时,必须把父视图的masksToBounds属性关掉,因为阴影设置的方式就是加offset...

  • UIView设置阴影没效果

    UIView设置阴影没效果 原因是没有设置view.layer.shadowOpacity..默认是为0.

  • iOS开发-设置UIView阴影效果及圆角

    要实现以下UI效果: 直接贴代码 效果就出来了 圆角设置大了 哈哈 再微调下 希望对你们有帮助

  • iOS阴影设置详解

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

  • UIView加阴影

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

网友评论

    本文标题:iOS UIView设置阴影效果

    本文链接:https://www.haomeiwen.com/subject/tikfpftx.html