iOS 父视图设置阴影 并且内部的子视图左右下边设置圆角

发布时间 2023-10-27 10:05:35作者: qqcc1388

给视图设置阴影的时候无法使用masksToBounds=YES,否则阴影也会被截取掉,将无法看到阴影效果

如上图中所示,弹窗中每个item是一个类似card的效果,内部包含选择框和下面的轮播图,给item设置阴影后发现下边的轮播图超出部分还是直角效果,这样很不好看,所有这里通过单独给轮播图设置mark来实现底部左右两边圆角效果,具体代码如下:

-(void)layoutSubviews{
    [super layoutSubviews];
    self.layer.masksToBounds = NO;
    self.backgroundColor     = [UIColor whiteColor];
    self.layer.shadowColor   = [UIColor blackColor].CGColor;
    self.layer.shadowOffset  = CGSizeMake(0,4);   //0,0围绕阴影四周  0,3向下有3个像素的偏移
    self.layer.shadowOpacity = 0.15;   //设置阴影透明度
    self.layer.shadowRadius  = 5;      //设置阴影圆角
    self.layer.cornerRadius = 8;

    UIView *view = self.cycleScrollView ;
    CGRect rect = view.bounds;
    UIBezierPath* rounded = [UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(8, 8)];
    CAShapeLayer* shape = [[CAShapeLayer alloc] init];
    [shape setPath:rounded.CGPath];
    shape.frame = rect;
    view.layer.mask = shape;
}

同样上图中,我们给了父视图view添加tap事件,这样,当我们点击view视图中的任何位置都会导致选项按钮触发点击动作,这是我们想要的,但是有一天产品突然说要给轮播图添加点击事件,点击后能查看大图,这个时候发现轮播图的点击无效,与父视图的tap事件冲突了,解决办法如下:

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{
    //解决点击子视图父视图时间相应的问题
    CGPoint point = [gestureRecognizer locationInView:self];//获取手势点击坐标
    if(CGRectContainsPoint(self.cycleScrollView.frame, point)) {
        //判断点是否在子视图范围内
        return NO;//父视图点击事件不响应
    }
    return  YES;//父视图点击事件响应
}