ios开发之--为父view上的子view添加阴影

时间:2022-12-10 16:54:42

项目中碰到一个问题,在tableview的headerview里面有很一个子view,设计师的要求是在下方添加一个阴影,效果如下:

ios开发之--为父view上的子view添加阴影

以前的实现思路就是,代码如下:

添加阴影 
调用视图的 layer

CALayer *layer = [imageView layer];
layer.shadowOffset = CGSizeMake(, ); //(0,0)时是四周都有阴影
layer.shadowRadius = 5.0;
layer.shadowColor = [UIColor blackColor].CGColor;
layer.shadowOpacity = 0.5;

设置单边阴影,代码如下:

向左偏移10 (-,)
向右偏移10 (,)
向上偏移10 (,-)
向下偏移10 (,)

但是效果不是特别理想,可以用贝塞尔曲线进行设置,但是没起到作用,还没找到原因,还有就是一个坑,就是给子view添加阴影,前面我正常写阴影居然没有出现,

先看下成功实现的代码:

self.headerView.showView.layer.shadowColor = KPublickColor.CGColor;

    self.headerView.layer.shadowOffset = CGSizeMake(, );

    self.headerView.layer.shadowOpacity = 0.4;

    self.headerView.layer.shadowRadius = 5.0;

    self.headerView.layer.cornerRadius = 5.0;

    self.headerView.bgView.clipsToBounds = NO;

这样的话,阴影是可以成功设置的,

没有成功,分析原因:因为代码中设置了masksToBounds属性为YES了,将后面设置的阴影效果给裁剪掉了,所以我们看不到阴影效果,如果我们将masksToBounds属性为NO了,这样就会失去圆角效果(尽管会出现阴影效果),所以需要向一个两全其美的办法来解决这个问题。

给View添加一个父视图,在父视图上添加阴影效果就好,这样就不会对imageView的圆角造成影响了。

说明:

clipsToBounds

是指视图上的子视图,如果超出父视图的部分就截取掉,

masksToBounds

却是指视图的图层上的子图层,如果超出父图层的部分就截取掉

但是,还是不美观,可以在目标view的下方,初始化一个view,然是设置阴影半径,Y坐标向上偏移view的高度+阴影的半径,然后就可以实现了!

如图:

ios开发之--为父view上的子view添加阴影

仅做记录!