flutter - Flutter / Flame - 如何同时使用 PanDetector 和其他 GestureDetector for Components？

Question

我的游戏使用 PanDetector 来移动玩家。

class MyGame extends BaseGame with PanDetector, HasTapableComponents {


  @override
  void onPanUpdate(DragUpdateDetails details) {

    // move the player
   player.move(details.delta.dx, details.delta.dy);

    super.onPanUpdate(details);
  }


}

我需要在屏幕的右上角添加一个暂停按钮。

class PauseComponent extends PositionComponent with Tapable, HasGameRef<MyGame>{

  Rect rect;
  Sprite spritePause = Sprite("pause_button.png");

  PauseComponent(){

    rect = Rect.fromLTWH(
        Get.find<Config>().screenSize.width * 0.92,
        Get.find<Config>().screenSize.height * 0.04,
        Get.find<Config>().screenSize.width * 0.05,
        Get.find<Config>().screenSize.height * 0.10);

  }

  @override
  void render(Canvas c) {

    spritePause.renderRect(c, rect);

  }

  @override
  void onTapDown(TapDownDetails details) {

    if(gameRef.gameState == GameState.PLAYING){

      gameRef.gameState = GameState.PAUSED;
      gameRef.pauseEngine();

    } else {

      gameRef.gameState = GameState.PLAYING;
      gameRef.resumeEngine();

    }

    print("STATUS: ${gameRef.gameState}");

    super.onTapDown(details);
  }
}

但它不工作，我怎样才能让 PauseComponent 的 onTapDown 工作，使用 PanDetector 和其他一些 Detector 到 PauseComponent？

Answer 1

您必须添加HasTapableComponentson MyGame，还必须添加您的PauseComponentto MyGame（但您可能只是省略了那部分代码）。

class MyGame extends BaseGame with PanDetector, HasTapableComponents {
  ....
}

您可以在此处阅读有关可点击组件的更多信息。

Answer 2

我使用 addWidgetsOverlay mixin 并添加了一个暂停按钮自定义小部件，因为 PanDetector 无法与 Tapable 一起使用。

import 'package:flutter/material.dart';

class PauseButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Align(
      alignment: Alignment.topRight,
      child: Material(
        color: Colors.blue,
        child: IconButton(
          icon: Icon(Icons.pause),
          onPressed: (){
            print("TOUCH!");
          },
        ),
      ),
    );
  }
}

并删除 HasTapableComponents mixin（不确定它是否与任何东西冲突），现在它正在工作。

class MyGame extends BaseGame with HasWidgetsOverlay, PanDetector {

  MyGame(){

  addWidgetsOverlay("Pause Button", PauseButton());


 }

}