ImageView图片设置或滤镜异常：图片偏移且两侧间隙不均

嘿，这个问题我做图片滤镜功能时也踩过坑！核心问题出在CIImage的渲染逻辑和ImageView的显示模式没匹配好，咱们一步步来搞定它：

1. 先把ImageView的显示模式设置对 #

这是最关键的一步，直接决定图片会不会居中且保持比例。你需要把ImageView的contentMode设置成.scaleAspectFit：

yourImageView.contentMode = .scaleAspectFit
// 可选：开启clipsToBounds防止图片超出ImageView范围，不影响间隙分布
yourImageView.clipsToBounds = true

.scaleAspectFit的特性就是严格保留图片原宽高比，让图片在ImageView内尽可能放大，剩余的空白空间会自动均匀分布在图片两侧（或上下），正好满足你“两侧间隙均等”的需求。如果之前用的是.center或.scaleToFill这类模式，就很容易出现偏移或拉伸问题。

2. 正确渲染CIImage为UIImage，避免尺寸偏差 #

直接用UIImage(ciImage: filteredCIImage)生成的UIImage是个“虚拟对象”，没有实际像素数据，显示时经常会出现布局偏移。正确做法是用CIContext渲染CIImage，同时保留原图片的缩放比例和方向：

// 假设你已经得到应用滤镜后的CIImage：filteredImage
// originalImage是你从相机/相册获取的原始图片
let context = CIContext(options: [.useSoftwareRenderer: false]) // 用硬件渲染更高效
guard let cgImage = context.createCGImage(filteredImage, from: filteredImage.extent) else {
    print("CIImage渲染失败")
    return
}
// 关键：保留原图片的scale和方向，避免图片模糊或方向错乱
let finalImage = UIImage(
    cgImage: cgImage,
    scale: originalImage.scale,
    orientation: originalImage.imageOrientation
)
// 最后将处理好的图片设置给ImageView
yourImageView.image = finalImage

3. 额外检查：ImageView的布局约束 #

确认你的ImageView有明确的布局约束，比如固定宽高，或者leading、trailing、top、bottom约束都配置完整。如果ImageView尺寸动态但约束模糊，.scaleAspectFit也没法准确计算间隙分布。

按照这个流程操作后，处理后的图片就会在ImageView里居中显示，既保留原宽高比，两侧间隙也会自动均等，完全符合你的需求！

内容的提问来源于stack exchange，提问作者Iraniya Naynesh