SwiftUI按钮实现单击+长按连续响应功能的技术咨询

要实现单击旋转10度、长按期间每秒旋转45度的功能，你需要解决两个核心问题：区分单击与长按手势，以及实现长按期间的连续动作触发。原代码的问题在于仅用LongPressGesture的onChanged无法持续触发动作，且未正确处理手势冲突。

以下是完整的实现方案：

import SwiftUI
import Combine

struct RotateControlView: View {
    @State private var rotationAngle = 0.0
    @GestureState private var isLongPressActive = false
    // 单次单击旋转角度
    private let singleTapRotation = 10.0
    // 长按每秒旋转角度
    private let longPressRotationPerSecond = 45.0
    private var rotationTimer: Timer.TimerPublisher?
    @State private var timerSubscription: AnyCancellable?
    
    var body: some View {
        Image(systemName: "arrow.clockwise.circle")
            .font(.largeTitle)
            .rotationEffect(.degrees(rotationAngle))
            .gesture(
                // 组合长按与单击手势
                LongPressGesture(minimumDuration: 0.2)
                    .updating($isLongPressActive) { currentState, gestureState, _ in
                        gestureState = currentState
                    }
                    .onChanged { isActive in
                        if isActive {
                            startContinuousRotation()
                        } else {
                            stopContinuousRotation()
                        }
                    }
                    .simultaneously(with: TapGesture()
                        .onEnded {
                            // 仅当未触发长按时执行单击动作
                            guard !isLongPressActive else { return }
                            rotationAngle += singleTapRotation
                        }
                    )
            )
    }
    
    private func startContinuousRotation() {
        // 创建每秒触发一次的定时器
        rotationTimer = Timer.publish(every: 1.0, on: .main, in: .common)
        timerSubscription = rotationTimer?.autoconnect().sink(receiveValue: { _ in
            rotationAngle += longPressRotationPerSecond
        })
    }
    
    private func stopContinuousRotation() {
        timerSubscription?.cancel()
        rotationTimer = nil
    }
}

关键实现细节： #

• 手势区分：通过LongPressGesture(minimumDuration: 0.2)设置0.2秒的阈值，快速点击会触发单击，按住超过0.2秒则判定为长按。@GestureState用于临时跟踪长按状态，手势结束后会自动重置，避免状态残留。
• 连续动作触发：使用Timer.TimerPublisher创建定时器，长按开始时启动定时器，每秒更新旋转角度；长按结束时取消定时器，停止旋转。
• 手势冲突处理：通过.simultaneously(with:)将长按与单击手势组合，同时在单击手势的onEnded中判断长按状态，确保只有纯单击时才执行单次旋转。

原代码问题分析： #

1. LongPressGesture的onChanged仅在手势状态切换时触发一次（从非激活到激活），无法实现连续动作。
2. 未处理手势优先级冲突，导致按钮的默认点击与长按手势相互干扰，无法正确区分单击和长按。

内容的提问来源于stack exchange，提问作者Pete