View 元素上的事件监听器

Question

在 SwiftUI 视图中，我们可以有一个 Button 元素，这个按钮元素有 onHover 事件以及一个在单击按钮时触发的事件（称为 action），如下所示：

Button("MyButton1", action: {
            // EVENT1: executed on button click
        })
            .onHover { hovered in
                // EVENT2: executed on hover event
            }

现在我有了自己的 UI 元素，我这样定义：

struct MyCustomSwiftUIView: View {

var body: some View {
    HStack
    {
        Button("MyButton1", action: {
                // EVENT1: executed on button click
        })
            .onHover { hovered in
                // EVENT2: executed on hover event
            }
        }
    }
}

现在我已经定义了MyCustomSwiftUIView，我希望它提供onClick 和onHover 事件，就像按钮一样。它应该是这样的：

MyCustomSwiftUIView()
    .onHover { hovered in
                // EVENT1: executed on hover event
            }
    .onClick {
                // EVENT2: executed on hover event
            }

问题：如何在我自己的自定义元素MyCustomSwiftUIView 上添加/实现这些事件？

PS：我是 SwiftUI 的新手，恕我直言，语言很混乱。这是我无法自学的第一门语言，我正在努力解决与我所经历过的任何其他语言截然不同的基本概念。第一次连 Google 都帮不了我（希望我不要太戏剧化）。

Answer 1

与其尝试使用.onHover 和.onClick 之类的修饰符，我建议您将闭包作为参数传递。看起来像这样：

struct ContentView : View {
    var body: some View {
        MyCustomSwiftUIView(
            onClick: {
                //click
            }, onHover: { hovered in
                //hover
            }
        )
    }
}

struct MyCustomSwiftUIView: View {
    var onClick : () -> Void
    var onHover : (Bool) -> Void
    
    var body: some View {
        HStack {
            Button("MyButton1", action: onClick)
                .onHover(perform: onHover)
        }
    }
}

另一个内置 SwiftUI 修饰符的示例：

struct ContentView : View {
    var body: some View {
        MyCustomSwiftUIView()
            .onTapGesture {
                //click
            }
            .onHover { hovered in
                //hover
            }
    }
}

struct MyCustomSwiftUIView: View {
    var body: some View {
        HStack {
            Text("My custom view")
        }
    }
}