Swift UI 实现长按动画

Question

我有一个长按手势，可以高亮显示另一个按钮。代码如下：

@GestureState var highlight = false

var body: some View {
    var longPress: some Gesture {
        LongPressGesture(minimumDuration: 3)
            .updating($highlight) { currentstate, gestureState, transaction in
                gestureState = currentstate
                transaction.animation = Animation.easeInOut(duration: 2.0)
            }
    }
    Text("highlight!")
        .gesture(longPress)
    Button(...) { ... }
        .accentColor(self.highlight ? .green : .none)                   
}

我该如何确保从.none强调到.green强调的过渡更加平滑，以及从.green强调回到.none的过渡也更加平滑？目前切换相对突然。

- vasily

Answer 1

“.accentColor”不是可动画化的修改器，但是你可以通过以下方法实现相同的效果（如我所理解的）。

struct TestLongPressGesture: View {
    @GestureState var highlight = false
    var body: some View {
        var longPress: some Gesture {
            LongPressGesture(minimumDuration: 3)
                .updating($highlight) { currentstate, gestureState, transaction in
                    transaction.animation = Animation.easeInOut(duration: 2.0)
                    gestureState = currentstate
                }
        }
        return VStack {
            Text("highlight!")
                .gesture(longPress)
            Divider()
            Button("Button") { }
                .font(Font.largeTitle.bold())
                .foregroundColor(.white)
                .colorMultiply(self.highlight ? .green : .blue)
                .animation(.easeInOut, value: highlight)
        }
    }
}

- Asperi

---

它看起来好多了，但我只看到 easeOut 动画。而且在暗模式下，乘法产生的颜色相当紫色，而非绿色。 - vasily

我花了一些时间才让它正常工作。你的按钮上缺少一个额外的.animation(.easeInOut)在colorMultiply之后。 - vasily