Files
flame/examples/lib/stories/input/overlapping_tappables_example.dart
Lukas Klingsbo 8b132d7c0b Unify examples structure (#1118)
* Animations, CameraAndViewport, CollisionDetection and Components unified

* Added descriptions to effects

* Rename input games

* Unify input stories

* Add info to parallax section

* Added descriptions to the rendering examples

* Add descriptions to the sprites directory

* Fix utils and rendering section

* Add descriptions to the widgets section

* Delete directory that rebase brought back

* Unify game names

* Added some styleguide docs for examples

* Fix analyze issues

* All files should have _example as suffix

* Made the FollowComponentExample a bit easier to understand

* Change priority of ember
2021-11-19 14:28:04 +01:00

45 lines
1.2 KiB
Dart

import 'package:flame/components.dart';
import 'package:flame/extensions.dart';
import 'package:flame/game.dart';
class OverlappingTappablesExample extends FlameGame with HasTappables {
static const String description = '''
In this example we show how you can stop event propagation to the components
by returning `false` in the overridden event handler method. In this case we
use `onTapUp`, `onTapDown` and `onTapCancel` from the `Tappable mixin.
''';
@override
Future<void> onLoad() async {
await super.onLoad();
add(TappableSquare(position: Vector2(100, 100)));
add(TappableSquare(position: Vector2(150, 150)));
add(TappableSquare(position: Vector2(100, 200)));
}
}
class TappableSquare extends RectangleComponent with Tappable {
TappableSquare({Vector2? position})
: super(
position: position ?? Vector2.all(100),
size: Vector2.all(100),
paint: PaintExtension.random(withAlpha: 0.9, base: 100),
);
@override
bool onTapUp(_) {
return false;
}
@override
bool onTapDown(_) {
angle += 1.0;
return false;
}
@override
bool onTapCancel() {
return false;
}
}