SwiftUI中的.contextMenu

在SwiftUI中,contextMenu是一种用于在视图上下文中显示操作菜单的修饰符。它可以通过长按或在鼠标右键点击视图时触发。

使用contextMenu修饰符,可以将一个或多个操作菜单项添加到视图中。每个菜单项都可以包含一个标题和一个处理程序,当用户选择该菜单项时将调用该处理程序。

以下是一个使用contextMenu修饰符的示例:

swift 复制代码
struct ContentView: View {
    var body: some View {
        Text("Hello World")
            .contextMenu {
                Button(action: {
                    // perform action
                }) {
                    Text("Option 1")
                    Image(systemName: "circle.fill")
                }
                
                Button(action: {
                    // perform action
                }) {
                    Text("Option 2")
                    Image(systemName: "square.fill")
                }
            }
    }
}

在上面的示例中,text视图被修饰为具有上下文菜单。菜单中包含两个按钮,分别具有"Option 1"和"Option 2"的标题。当用户选择其中一个菜单项时,与之关联的处理程序将被调用。

除了按钮,您还可以在上下文菜单中使用其他视图,例如图像、文本字段等。

注意:contextMenu修饰符在iOS 13及更高版本和macOS 10.15及更高版本上可用。

相关推荐
东坡肘子6 天前
谁是 AI-relay App 的真正威胁 -- 肘子的 Swift 周报 #158
人工智能·swiftui·swift
东坡肘子13 天前
当 Build in Public 重新转入地下 -- 肘子的 Swift 周报 #157
人工智能·swiftui·swift
OliverQiu14 天前
开源一个 macOS 小工具:集中管理 ChatGPT 的网络启动配置
macos·chatgpt·swiftui·mac·proxy·codex·dmg
传奇开心果编程17 天前
【SwiftUI提高练中学】第9课 安全与隐私
swiftui·移动开发·swift·编程语言理论·开发范式·编程框架·声明式ui
传奇开心果编程18 天前
【声明式UI开发实用技术学与练】第8课 状态提升与下放
学习·flutter·react native·ui·swiftui·composer
东坡肘子18 天前
Swift Server,又多了一个 Google -- 肘子的 Swift 周报 #156
人工智能·swiftui·swift
传奇开心果编程19 天前
【现代声明式UI学与练】第4课 列表渲染与 key——如何高效渲染列表、key 的作用、列表重排时的状态保持
学习·flutter·react native·ui·swiftui·android jetpack
传奇开心果编程20 天前
【SwiftUI提高练中学】第8课 网络层架构:拦截器、重试、缓存与离线优先
学习·macos·ui·ios·swiftui
传奇开心果编程20 天前
【现代声明式UI学与练】第7课 组件通信——父传子、子传父、跨层级通信、状态提升与 Context
学习·flutter·react native·ui·swiftui·android jetpack
tink20 天前
告别 Xcode IDE:用 VS Code + SweetPad + XcodeGen 开发 iOS 应用的完整指南
ios·swiftui·xcode