先上图
阴影和圆角同时存在
无法共存的主要原因是属性masksToBounds=YES(视图的图层上的子图层,如果超出父图层的部分就截取掉),设置为YES可以有圆角但是没有阴影,设置为NO有阴影没有圆角,既然圆角我能给你切走那阴影老夫也能给你切走,所以出现如此尴尬之场景。
解决:
CALayer可以完成视图上的所有UI操作,那我们把CALayer当成一个视图加到view上,所以分为两步实现
1:将需要操作的self.bg_view直接设置为圆角
self.bg_view.layer.cornerRadius = 6;
self.bg_view.layer.masksToBounds = YES;
2:创建CALayer并添加到self.bg_view的父视图上(放在self.bg_view的下层)
CALayer *subLayer=[CALayer layer];
CGRect fixframe = self.bg_view.frame;
subLayer.frame= fixframe;
subLayer.cornerRadius=6;
subLayer.backgroundColor=[[UIColor blackColor] colorWithAlphaComponent:0.8].CGColor;
subLayer.masksToBounds=NO;
subLayer.shadowColor = [UIColor blackColor].CGColor;//shadowColor阴影颜色
subLayer.shadowOffset = CGSizeMake(3,2);//shadowOffset阴影偏移,x向右偏移3,y向下偏移2,默认(0, -3),这个跟shadowRadius配合使用
subLayer.shadowOpacity = 0.8;//阴影透明度,默认0
subLayer.shadowRadius = 4;//阴影半径,默认3
[self.layer insertSublayer:subLayer below:self.bg_view.layer];
方法二:
bgView.layer.shadowColor=[UIColor blackColor].CGColor;
bgView.layer.shadowOffset=CGSizeMake(5, 5);
bgView.layer.shadowOpacity=0.1;
bgView.layer.shadowRadius=5;
bgView.layer.cornerRadius=10;
//bgView.layer.masksToBounds = YES; 这句不能
xib创建控件并设置阴影圆角
主要就是顺序,先设置阴影再设置圆角
注:不能对图片直接设置,可以在图片下放一个view进行阴影圆角设置