swiftui - 如何创建一个更改不透明度并在触摸时触发按钮 Action 的 SwiftUI 按钮？

Question

我想用 SwiftUI 创建一个按钮，它会在我的手指触摸它的那一刻触发(就像 UIKit 的触摸而不是内部触摸)。我还希望当我的手指按下按钮时按钮的不透明度变为 0.7。我希望只有当我的手指不再触摸按钮时，按钮的不透明度才会变回 1。

我尝试了 2 种不同类型的按钮样式来创建这样的按钮，但都失败了:

    struct ContentView: View {  
        var body: some View {  
            Button(action: {  
                print("action triggered")  
            }){  
                Text("Button").padding()  
            }  
                .buttonStyle(SomeButtonStyle())  
        }  
    }  

    struct SomeButtonStyle: ButtonStyle {  
        func makeBody(configuration: Self.Configuration) -> some View {  
            configuration.label  
                .background(Color.green)  
                .opacity(configuration.isPressed ? 0.7 : 1)  
                .onLongPressGesture(  
                    minimumDuration: 0,  
                    perform: configuration.trigger//Value of type 'SomeButtonStyle.Configuration' (aka 'ButtonStyleConfiguration') has no member 'trigger'  
                )  
        }  
    }  

    struct SomePrimativeButtonStyle: PrimitiveButtonStyle {  
        func makeBody(configuration: Configuration) -> some View {  
          configuration.label  
            .background(Color.green)  
            .opacity(configuration.isPressed ? 0.7 : 1)//Value of type 'SomePrimativeButtonStyle.Configuration' (aka 'PrimitiveButtonStyleConfiguration') has no member 'isPressed'  
            .onLongPressGesture(  
              minimumDuration: 0,  
              perform: configuration.trigger  
            )  
        }  
    }

显然上面的按钮样式都不起作用，因为 ButtonStyle 和 PrimitiveButtonStyle 不共享相同的方法和属性，所以我不能同时使用 isPressed 属性(属于 ButtonStyle)和触发器方法(属于 PrimitiveButtonStyle)按钮样式。

我应该如何配置我的按钮样式以使其工作？

Answer 1

好的，我知道作者只想看到 Button 的解决方案，所以我再挖一点。并在 Swift UI Lab 发现了一些有趣的东西.思路同in my first answer :使用 @GestureState并创建 LongPressGesture其中.updating($...)这种状态。但在 PrimitiveButtonStyle您不需要将几个手势组合在一起。因此，我稍微简化了代码并在模拟器上对其进行了测试。我现在认为这正是作者所需要的:

struct ComposingGestures: View {

    var body: some View {

        Button(action: {
            print("action triggered")
        }){
            Text("Button")
                .padding()
        }
            .buttonStyle(MyPrimitiveButtonStyle())

    }

}

struct MyPrimitiveButtonStyle: PrimitiveButtonStyle {

    func makeBody(configuration: PrimitiveButtonStyle.Configuration) -> some View {
        MyButton(configuration: configuration)
    }

    struct MyButton: View {
        @GestureState private var pressed = false

        let configuration: PrimitiveButtonStyle.Configuration
        let color: Color = .green

        @State private var didTriggered = false

        var body: some View {
            // you can set minimumDuration to Double.greatestFiniteMagnitude if you think that
            // user can hold button for such a long time
            let longPress = LongPressGesture(minimumDuration: 300, maximumDistance: 300.0)
                .updating($pressed) { value, state, _ in
                    state = value
                    self.configuration.trigger()
            }

            return configuration.label
                .background(Color.green)
                .opacity(pressed ? 0.5 : 1.0)
                .gesture(longPress)
        }
    }
}