UIview阴影与圆角混合使用

简介:

做项目遇到一个问题 就是在圆角的按键上加阴影失败了 然后就有了这个日志。
让UIView圆角显示很简单,只需要三行代码

CALayer * layer = [avatarImageView layer];  

[layer setMasksToBounds:YES];  

[layer setCornerRadius:9.0];  

 

但是,如给给圆角view加阴影,传统加阴影的方法是不行的,

传统的方法就是:

avatarImageView.layer.shadowColor = [UIColor blackColor].CGColor;  

avatarImageView.layer.shadowOffset = CGSizeMake(0, 1);  

avatarImageView.layer.shadowOpacity = 1;  

 

因为setMasksToBounds表示对frame外的内容进行了裁减,只可显示frame内的内容。由于这种方法加的阴影在frame外,所以被裁减了。

传统方法不行,那我们可以把圆角的avatarImageView放到一个大小与它一样的的UIView中,让这个view有阴影,那效果看起来就一样了。

CGRect rect;  

rect = CGRectMake(0, 0, 48, 48);  

avatarImageView = [[UIImageView alloc] initWithFrame:rect];  

avatarImageView.image = [UIImage imageNamed:@"test.png"];  

  

//Round the corners  

CALayer * layer = [avatarImageView layer];  

[layer setMasksToBounds:YES];  

[layer setCornerRadius:9.0];  

  

//Add a shadow by wrapping the avatar into a container  

UIView * shadow = [[UIView alloc] initWithFrame: rect];  

avatarImageView.frame = CGRectMake(0,0,rect.size.width, rect.size.height);  

  

// setup shadow layer and corner  

//阴影


        shadow.layer.shadowColor = [UIColor blackColor].CGColor;

        shadow.layer.shadowOffset = CGSizeMake(41);//偏移量

        shadow.layer.shadowOpacity = 0.8;//透明度

        shadow.layer.shadowRadius = 4;//阴影半径

        shadow.clipsToBounds = NO;

        

        

        btn.layer.cornerRadius=40;

        btn.clipsToBounds=YES;

  

// combine the views  

[shadow addSubview: avatarImageView];  

 

圆角阴影效果就出来了。










本文转自 卓行天下  51CTO博客,原文链接:http://blog.51cto.com/9951038/1615466,如需转载请自行联系原作者
目录
相关文章
|
7月前
Echarts线性渐变、径向渐变、纹理填充
Echarts线性渐变、径向渐变、纹理填充
|
7月前
|
前端开发
边框宽度和边框颜色
边框宽度和边框颜色。
41 1
|
7月前
添加渐变色
添加渐变色
40 0
|
XML 数据格式
超简单的自定义ImageView,支持圆角和直角
需求:ImageView显示的图片,上方的两个角是圆角,下方的两个角是直角。 ![需求图](https://img-blog.csdn.net/20180125151146126?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjYyODc0MzU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
|
前端开发 容器
巧妙实现带圆角的渐变边框
巧妙实现带圆角的渐变边框
396 0
巧妙实现带圆角的渐变边框
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—如何给图像视图添加边框、透明度和阴影
835 0
SwiftUI—如何给图像视图添加边框、透明度和阴影
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
254 0
SwiftUI—使用渐变提高视觉的冲击力:绘制线性渐变
|
iOS开发
iOS开发之指定UIView的某几个角(小于4)为圆角
在iOS开发中,我们经常会遇到View设置圆角的问题,如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架)。而若要指定某几个角(小于4)为圆角而别的不变时,这种方法就不好用了。
iOS开发之指定UIView的某几个角(小于4)为圆角