如何在Flutter Flame中实现触摸按钮：按住执行任务、松开停止

你需要同时监听触摸按下、松开及取消事件来控制任务启停，再结合Flame的生命周期方法或定时逻辑完成持续执行的需求，具体实现如下：

1. 定义状态变量 #

在你的组件类中添加标记触摸状态的变量，若需要控制任务执行频率，可额外添加计时器变量：

bool _isHolding = false;
// 可选：用于控制任务执行间隔
double _taskTimer = 0;

2. 监听触摸事件 #

重写三个触摸事件方法，更新按住状态：

@override
void onTapDown(TapDownEvent event) {
  _isHolding = true;
  super.onTapDown(event);
}

@override
void onTapUp(TapUpEvent event) {
  _isHolding = false;
  super.onTapUp(event);
}

@override
void onTapCancel(TapCancelEvent event) {
  _isHolding = false;
  super.onTapCancel(event);
}

注意：onTapCancel必须处理，避免用户触摸滑动到按钮外时任务仍持续执行。

3. 实现持续执行逻辑 #

方案一：利用Flame的update方法（推荐） #

update方法每帧都会触发，适合需要高频率执行的任务，也可通过计时器控制执行间隔：

@override
void update(double dt) {
  if (_isHolding) {
    // 方式1：每帧执行任务（如角色移动这类需要连续响应的操作）
    _runContinuousTask();

    // 方式2：控制执行间隔，比如每0.1秒执行一次
    _taskTimer += dt;
    if (_taskTimer >= 0.1) {
      _runContinuousTask();
      _taskTimer = 0;
    }
  }
  super.update(dt);
}

// 自定义持续任务逻辑
void _runContinuousTask() {
  // 这里写入按住时需要重复执行的代码，比如数值累加、对象位移等
  print("任务正在执行...");
}

方案二：使用Timer.periodic #

如果不需要每帧响应，可定时触发任务，但要注意在组件销毁时取消计时器：

Timer? _holdTimer;

@override
void onTapDown(TapDownEvent event) {
  // 每100毫秒执行一次任务
  _holdTimer = Timer.periodic(const Duration(milliseconds: 100), (timer) {
    _runContinuousTask();
  });
  super.onTapDown(event);
}

@override
void onTapUp(TapUpEvent event) {
  _holdTimer?.cancel();
  _holdTimer = null;
  super.onTapUp(event);
}

@override
void onTapCancel(TapCancelEvent event) {
  _holdTimer?.cancel();
  _holdTimer = null;
  super.onTapCancel(event);
}

// 组件销毁时确保取消计时器，避免内存泄漏
@override
void onRemove() {
  _holdTimer?.cancel();
  super.onRemove();
}

内容的提问来源于stack exchange，提问作者Khavin.S