iOS 分别对一张图的局部进行磨砂,拼接起来不能贴合

效果图

需求,由于视图层级的原因,需要对图片分开进行磨砂, 然后组合在一起

如图,上下两部分,上下两个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),导致上半部分只对上面展示的那一部分进行磨砂,而磨砂会在边界留下分割线效果,就导致和下半部份不能贴合,

由此可见
图片不能分开磨砂,分开磨砂是不能贴合的

相关推荐
2501_9160074714 小时前
iOS 应用性能测试的工程化流程,构建从指标采集到问题归因的多工具协同测试体系
android·ios·小程序·https·uni-app·iphone·webview
源码_V_saaskw14 小时前
JAVA国际版同城跑腿源码快递代取帮买帮送同城服务源码支持Android+IOS+H5
android·java·ios·微信小程序
tbit16 小时前
fluwx 拉起小程序WXLog:Error:fail to load Keychain status:-25300, keyData null:1
flutter·ios·微信小程序
Sheffi17 小时前
iOS 内存管理深度解析:从原理到实践
ios
QuantumLeap丶17 小时前
《Flutter全栈开发实战指南:从零到高级》- 19 -手势识别
flutter·ios·前端框架
00后程序员张18 小时前
iOS 抓不到包怎么办?从 HTTPS 解密、QUIC 排查到 TCP 数据流分析的完整解决方案
android·tcp/ip·ios·小程序·https·uni-app·iphone
Haha_bj19 小时前
Swift UI数据存储
ios
Zender Han1 天前
Flutter 新版 Google Sign-In 插件完整解析(含示例讲解)
android·flutter·ios·web
Digitally1 天前
如何在iPhone上共享日历
ios·iphone
库奇噜啦呼1 天前
【iOS】多线程学习
macos·ios·cocoa