SwiftUI中相机捕获图片设置24圆角无效的问题求助

一、相机预览层（CameraView内）的圆角修复 #

你给cameraService.previewLayer设置了cornerRadius = 24，但AVCaptureVideoPreviewLayer默认不会自动裁剪超出圆角范围的内容，需要手动开启裁剪功能：

修改makeUIViewController中的代码：

cameraService.previewLayer.cornerRadius = 24
cameraService.previewLayer.masksToBounds = true // 新增此行，开启内容裁剪

如果上述方式仍不生效，建议通过容器View实现圆角（这种方式在SwiftUI与UIKit混合场景下更稳定）：

func makeUIViewController(context: Context) -> UIViewController {
    cameraService.start(delegate: context.coordinator) { error in
        if let error = error {
            didFinishProcessingPhoto(.failure(error))
            return
        }
    }
    
    let viewController = UIViewController()
    viewController.view.backgroundColor = .black
    
    // 创建带圆角的容器View
    let containerView = UIView(frame: viewController.view.bounds)
    containerView.layer.cornerRadius = 24
    containerView.clipsToBounds = true
    viewController.view.addSubview(containerView)
    
    // 将预览层绑定到容器View
    cameraService.previewLayer.frame = containerView.bounds
    containerView.layer.addSublayer(cameraService.previewLayer)
    
    return viewController
}

二、捕获后图片（Image组件）的圆角修复 #

你当前的Image(uiImage: capturedImage)未添加圆角相关修饰符，直接补充即可：

修改父视图中的Image代码：

if let capturedImage = capturedImage {
    Image(uiImage: capturedImage)
        .resizable()
        .aspectRatio(contentMode: .fit)
        .frame(width: size.width * 0.2)
        .cornerRadius(24) // 添加圆角设置
        .clipped() // 确保超出圆角的内容被裁剪（部分场景需额外添加）
}

如果.cornerRadius效果不符合预期，可改用更灵活的.clipShape：

.clipShape(RoundedRectangle(cornerRadius: 24, style: .continuous))

额外注意事项 #

• 确认cameraService.previewLayer的frame已正确绑定到父视图/容器View的边界，避免因布局偏移导致圆角不显示
• 检查CameraView的SwiftUI父视图是否存在clipsToBounds或其他布局限制，可能会影响圆角的渲染效果

内容的提问来源于stack exchange，提问作者Karam Eid