iOS 父视图设置阴影 并且内部的子视图左右下边设置圆角
给视图设置阴影的时候无法使用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;//父视图点击事件响应
}