UIImageView前置摄像头图片显示旋转异常问题求助

我之前也踩过前置摄像头图片显示旋转的坑，大概率是你的fixedOrientation()方法没覆盖前置拍摄的镜像+方向组合场景，或者设置图片到UIImageView的环节有细节疏漏。试试下面的解决方案：

1. 替换为更全面的图片方向修复扩展 #

前置摄像头拍摄的照片不仅带有EXIF方向标记，还默认是镜像的，很多简易的修复方法会忽略这个点。用下面的扩展替代你原来的方法：

extension UIImage {
    func fixedOrientationAndMirror() -> UIImage? {
        guard let cgImage = self.cgImage else { return nil }
        
        // 处理EXIF方向与镜像变换
        let orientation = self.imageOrientation
        var transform = CGAffineTransform.identity
        
        switch orientation {
        case .up:
            transform = .identity
        case .upMirrored:
            transform = CGAffineTransform(translationX: self.size.width, y: 0).scaledBy(x: -1, y: 1)
        case .down:
            transform = CGAffineTransform(translationX: self.size.width, y: self.size.height).rotated(by: .pi)
        case .downMirrored:
            transform = CGAffineTransform(translationX: 0, y: self.size.height).scaledBy(x: 1, y: -1)
        case .left:
            transform = CGAffineTransform(translationX: self.size.height, y: self.size.width).rotated(by: .pi / 2)
        case .leftMirrored:
            transform = CGAffineTransform(translationX: 0, y: self.size.width).scaledBy(x: -1, y: 1).rotated(by: .pi / 2)
        case .right:
            transform = CGAffineTransform(translationX: 0, y: 0).rotated(by: -.pi / 2)
        case .rightMirrored:
            transform = CGAffineTransform(translationX: self.size.height, y: 0).scaledBy(x: -1, y: 1).rotated(by: -.pi / 2)
        @unknown default:
            transform = .identity
        }
        
        // 创建正确的绘图上下文
        guard let context = CGContext(data: nil,
                                      width: Int(self.size.width),
                                      height: Int(self.size.height),
                                      bitsPerComponent: cgImage.bitsPerComponent,
                                      bytesPerRow: cgImage.bytesPerRow,
                                      space: cgImage.colorSpace!,
                                      bitmapInfo: cgImage.bitmapInfo.rawValue) else { return nil }
        
        context.concatenate(transform)
        
        // 根据方向调整绘图区域
        switch orientation {
        case .left, .leftMirrored, .right, .rightMirrored:
            context.draw(cgImage, in: CGRect(x: 0, y: 0, width: self.size.height, height: self.size.width))
        default:
            context.draw(cgImage, in: CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height))
        }
        
        // 生成修复后的图片
        guard let correctedCGImage = context.makeImage() else { return nil }
        return UIImage(cgImage: correctedCGImage, scale: self.scale, orientation: .up)
    }
}

2. 在CollectionView中正确设置图片 #

在cellForItemAt方法里，先修复图片方向，再设置到UIImageView，同时确保contentMode和clipsToBounds的设置正确：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    let originalImage = yourImageArray[indexPath.item]
    
    // 修复图片方向和镜像问题
    if let fixedImage = originalImage.fixedOrientationAndMirror() {
        cell.imageView.image = fixedImage
    } else {
        cell.imageView.image = originalImage
    }
    
    // 配置UIImageView的显示模式
    cell.imageView.contentMode = .aspectFill
    cell.imageView.clipsToBounds = true
    
    return cell
}

3. 检查CollectionView Cell的布局约束 #

确保你的UIImageView在Cell里的约束是铺满整个Cell的：

• 绑定leading、trailing、top、bottom到Cell的contentView（或者Cell本身）
• 不要给UIImageView设置固定的宽高，让它跟随Cell的尺寸变化

如果Cell的尺寸是动态的（比如流式布局），还要确保CollectionView的布局计算正确，避免Cell被拉伸导致图片变形。

4. 额外排查点 #

• 如果你是通过PHAsset获取照片，确保请求的是原图而不是缩略图，缩略图可能已经被处理过方向，导致修复方法失效：

  let requestOptions = PHImageRequestOptions()
  requestOptions.isSynchronous = true
  requestOptions.deliveryMode = .highQualityFormat
  

按照这个流程走，应该能解决前置摄像头图片旋转的问题。

内容的提问来源于stack exchange，提问作者Alejandro Robles