时间戳

首页 > 解决方案 > 带有图像的 SwiftUI 上下文菜单，例如照片应用程序

swiftui - 带有图像的 SwiftUI 上下文菜单，例如照片应用程序

问题描述

我想以与Apple照片应用程序相同的方式使用上下文菜单：当您长时间按下方形图像时，您会以图像的原始格式获得图像的全屏预览，而不是像正方形那样在网格中。但是当我使用上下文菜单时，预览的格式与显示的格式相同。

这是我的代码，在此先感谢。

struct CardView: View {
    let url: URL
    var body: some View {
        GeometryReader { proxy in
            AnimatedImage(url: url)
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: proxy.size.width, height: proxy.size.height, alignment: .center)
                .cornerRadius(4)
                .contextMenu(ContextMenu(menuItems: {
                    Button {
                        print("Saved \(url)")
                    } label: {
                        HStack {
                            Text("Save Image")
                                .padding(20)
                            Image(systemName: "square.and.arrow.down")
                                .resizable()
                                .font(.title)
                        }
                    }
                }))
        }
    }
}

标签： swiftuicontextmenu

解决方案

我发现使用 SwiftUI 3，在 WWDC 2021 期间，他们提出了一种实现这一目标的方法。您可以在此视频中看到以下内容。

https://www.youtube.com/watch?v=4eRXNtjA0ng

推荐阅读