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及更高版本上可用。

相关推荐
大熊猫侯佩16 小时前
SwiftData 如何在 Widgets 和 App 的界面之间同步数据变化?
swiftui·swift·apple watch
YungFan16 小时前
SwiftUI-Preference
swiftui·swift
东坡肘子18 小时前
Swift 新设计、新案例、新体验 | 肘子的 Swift 周报 #087
swiftui·swift·wwdc
大熊猫侯佩2 天前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(五)
swiftui·swift·apple watch
大熊猫侯佩2 天前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(四)
数据库·swiftui·apple watch
MaoJiu2 天前
Flutter造轮子系列:flutter_permission_kit
flutter·swiftui
大熊猫侯佩3 天前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(三)
数据库·swiftui·swift
大熊猫侯佩3 天前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(二)
数据库·swiftui·swift
大熊猫侯佩3 天前
用异步序列优雅的监听 SwiftData 2.0 中历史追踪记录(History Trace)的变化
数据库·swiftui·swift
大熊猫侯佩3 天前
由一个 SwiftData “诡异”运行时崩溃而引发的钩深索隐(一)
数据库·swiftui·swift