SwiftUI菜单轻松实现iOS长按和macOS右键菜单

2023-10-02 07:35:07

ContextMenu：在 SwiftUI 中提供便捷菜单

在 SwiftUI 中，ContextMenu 控件允许您在长按或右键单击时动态显示菜单。它为您的应用程序提供了一种简洁且直观的方式，可以在不影响界面简洁性的情况下提供额外的功能和选项。

什么是 ContextMenu？

ContextMenu 是一个视图，可以让您自定义并在指定控件上展示一个包含选项列表的菜单。它与其他 SwiftUI 视图一样，具有可定制的外观和行为，您可以根据需要进行调整。

如何使用 ContextMenu

要在您的 SwiftUI 视图中使用 ContextMenu，请使用 .contextMenu() 修饰符并指定要显示的菜单内容。菜单项可以是按钮、文本视图，甚至是嵌套的子菜单。以下是一个示例：

struct MyView: View {
    var body: some View {
        Text("Hello, world!")
            .contextMenu {
                Button("Option 1") {
                    print("Option 1 selected")
                }
                
                Button("Option 2") {
                    print("Option 2 selected")
                }
            }
    }
}

自定义 ContextMenu

ContextMenu 具有许多属性，允许您自定义其外观和行为。您可以设置标题、背景颜色、字体，甚至添加动画效果。以下是如何设置标题和背景颜色的示例：

struct MyView: View {
    var body: some View {
        Text("Hello, world!")
            .contextMenu(menuItems: {
                Button("Option 1") {
                    print("Option 1 selected")
                }
                
                Button("Option 2") {
                    print("Option 2 selected")
                }
            }, title: "Custom Menu", foregroundColor: .red, backgroundColor: .blue)
    }
}