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

相关推荐
大熊猫侯佩4 天前
Xcode 预览新升级:arguments 让界面调试井井有条
swiftui·xcode·swift
大熊猫侯佩5 天前
WWDC26:把 SwiftUI Toolbar 真正握在手心里
swiftui·swift·apple
大熊猫侯佩5 天前
WWDC 26 全新 ResultsObserver:终于能在 View 外面盯着 SwiftData 了
swiftui·swift·apple
东坡肘子6 天前
Apple Intelligence 已通过审核,即将在中国提供服务 -- 肘子的 Swift 周报 #148
人工智能·swiftui·swift
2501_9151063211 天前
SwiftUI项目创建详解:使用Xcode从零开始创建第一个App项目
ide·vscode·ios·swiftui·个人开发·xcode·敏捷流程
东坡肘子13 天前
热茶还是冰咖啡 -- 肘子的 Swift 周报 #147
人工智能·swiftui·swift
2501_9160074717 天前
SwiftUI 声明式语法与 Xcode 预览功能详解
ide·vscode·ios·swiftui·个人开发·xcode·敏捷流程
东坡肘子20 天前
不是模型变慢了,是任务变大了 -- 肘子的 Swift 周报 #146
人工智能·swiftui·swift
Lvan的前端笔记25 天前
SwiftUI:iOS 常用视图组件速查
ios·swiftui·swift
HarderCoder1 个月前
SwiftUI 可复用视图设计解剖:从语义到 API 的完整实践
swiftui·swift