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

Posted 2021-11-06 hero11223

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

以前的实现思路就是，代码如下：

添加阴影 
调用视图的 layer

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

设置单边阴影，代码如下：

向左偏移10 （-10，0）
向右偏移10 （10，0）
向上偏移10 （0，-10）
向下偏移10 （0，10）

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

先看下成功实现的代码：

self.headerView.showView.layer.shadowColor = KPublickColor.CGColor;
    
    self.headerView.layer.shadowOffset = CGSizeMake(0, 10);
    
    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的高度+阴影的半径，然后就可以实现了！

如图：

仅做记录！