为什么iOS 分别对一张图的局部进行磨砂后无法完全贴合？

Android

2023-03-19 18:26:58

iOS磨砂图片局部处理：解决完美贴合问题

简介

在iOS开发中，对图片局部进行磨砂处理十分常见，以达到模糊效果。然而，当我们拼接这些磨砂局部区域时，往往会遇到无法完美贴合的问题。本文将深入探讨这一问题背后的原因，并提供切实可行的解决方案。

原因：

iOS对图片的磨砂处理只针对可见部分进行，而对超出父视图的部分则不予处理。这会导致在拼接时，磨砂后的局部区域与未磨砂的原图部分之间出现明显的边界，破坏贴合效果。

解决方案：

要解决这个问题，我们需要在磨砂处理前将图片裁剪成合适的大小。这样可以避免超出父视图的部分被磨砂，确保拼接后的图片完美贴合。

具体步骤如下：

获取图片原始尺寸
计算需要裁剪的区域 ：根据父视图尺寸计算出需要裁剪的区域。
创建新图形上下文 ：设置裁剪区域。
将图片绘制到新图形上下文
对新图形上下文进行磨砂处理
将磨砂后的图形上下文保存为新图片

代码示例：

// 获取图片原始尺寸
let originalImage = UIImage(named: "image.jpg")!
let originalSize = originalImage.size

// 计算需要裁剪的区域
let parentViewSize = view.frame.size
let scale = min(parentViewSize.width / originalSize.width, parentViewSize.height / originalSize.height)
let croppedSize = CGSize(width: originalSize.width * scale, height: originalSize.height * scale)

// 创建新图形上下文
UIGraphicsBeginImageContext(croppedSize)
let context = UIGraphicsGetCurrentContext()!

// 将图片绘制到新图形上下文
originalImage.draw(in: CGRect(origin: .zero, size: croppedSize))

// 对新图形上下文进行磨砂处理
context.saveGState()
context.setShadow(offset: CGSize(width: 0, height: 0), blur: 10, color: UIColor.black.cgColor)
context.drawPath(using: .fill)
context.restoreGState()

// 将磨砂后的图形上下文保存为新图片
let blurredImage = UIGraphicsGetImageFromCurrentImageContext()!