SwiftUI通用ContextMenu封装：如何传递图片名实现存图功能

当然可以！这种封装思路完全可行，而且能帮你在多个模块里高效复用这个右键菜单功能，我来给你一步步拆解实现方法：

1. 修改封装的ContextMenu函数，添加参数接收 #

把你的ContextMenu内容函数改成带图片名称参数的形式，这样就能在保存逻辑里根据传入的参数执行对应操作。你可以把这个函数放在单独的Swift文件（比如ViewExtensions.swift）里，实现完全的模块化封装：

// 单独的封装文件，比如 ViewExtensions.swift
import SwiftUI
import UIKit

func productContextMenu(imageName: String) -> some View {
    Button("Save") {
        // 直接使用传入的imageName执行保存逻辑
        saveTargetImage(named: imageName)
    }
    // 你还可以在这里添加其他通用操作，比如"分享图片"等
}

// 封装对应的保存逻辑，私有函数只在当前文件可见
private func saveTargetImage(named imageName: String) {
    // 示例保存逻辑：从Assets获取图片并保存到相册
    guard let targetImage = UIImage(named: imageName) else {
        print("无法找到指定名称的图片")
        return
    }
    UIImageWriteToSavedPhotosAlbum(targetImage, nil, nil, nil)
}

2. 在主视图中调用封装好的ContextMenu #

现在你只需要在每个产品图片上调用这个函数，并传入对应的图片名称即可：

// 主视图中的使用示例
struct ProductListView: View {
    var body: some View {
        ScrollView {
            VStack(spacing: 16) {
                Image("imageofProduct1")
                    .contextMenu {
                        productContextMenu(imageName: "imageofProduct1")
                    }
                
                Image("imageofProduct2")
                    .contextMenu {
                        productContextMenu(imageName: "imageofProduct2")
                    }
                
                // 其他产品图片直接复用即可
            }
        }
    }
}

3. 进阶优化：做成View扩展更优雅 #

如果想让调用方式更简洁，可以把这个功能封装成View的扩展，这样所有View都能直接调用：

extension View {
    func productContextMenu(imageName: String) -> some View {
        self.contextMenu {
            Button("Save") {
                saveTargetImage(named: imageName)
            }
        }
    }
    
    private func saveTargetImage(named imageName: String) {
        // 复用之前的保存逻辑
        guard let targetImage = UIImage(named: imageName) else {
            print("无法找到指定名称的图片")
            return
        }
        UIImageWriteToSavedPhotosAlbum(targetImage, nil, nil, nil)
    }
}

// 调用时更简洁：
Image("imageofProduct1")
    .productContextMenu(imageName: "imageofProduct1")

额外提示 #

如果你的产品图片来自网络（而非本地Assets），只需要把参数改成图片的URL或者Data，然后调整保存逻辑即可，这个封装框架完全适配不同的图片来源场景。

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