效果图
需求,由于视图层级的原因,需要对图片分开进行磨砂, 然后组合在一起
如图,上下两部分,上下两个UIImageVIew大小相同,都是和图片同样的大小,只是上面的UIimageVIew 只展示上半部份 (上面图片的父视图cliptobound=YES,超出部分被切掉),下面的UIImageView只展示下半部分,如果没有磨砂的情况下,两张图是完全贴合的,下面分别对两
磨砂代码如下
- (UIVisualEffectView *)bgEffectView{if(!_bgEffectView){UIBlurEffect *blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];_bgEffectView = [[UIVisualEffectView alloc] initWithEffect:blur];_bgEffectView.frame = CGRectMake(0, 0, SCREEN_WIDTH, SafeAreaTopHeight + 44 * PLUS_SCALE + 210 * PLUS_SCALE);
// _bgEffectView.hidden = YES;}return _bgEffectView;
}
但是进行磨砂的时候发现一个问题,如图
就是上半部份和下半部份没有完全贴合,而是上半部分有明显的边界
经过多次尝试,还是不能完全贴合,后来发发现,磨砂都是对目前没有可以展示的内容进行磨砂的,比如上半部份,虽然图片是和下面的图片大小一样,但是其超处父视图的部分没有展示(clipsToBounds = YES),导致上半部分只对上面展示的那一部分进行磨砂,而磨砂会在边界留下分割线效果,就导致和下半部份不能贴合,
由此可见
图片不能分开磨砂,分开磨砂是不能贴合的