我想用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)和Trigger方法(属于PrimitiveButtonStyle)按钮样式。
我应该如何配置我的按钮样式以使其工作?
好的,我知道作者只希望使用来查看解决方案Button
,所以我要多讲一点。在Swift UI Lab上发现了一些有趣的东西。我们的想法是一样的在我的第一个答案:使用@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)
}
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句