Marco
2a4da9a1af
This adds an option to dragging-and-dropping which is slightly hard on smaller screens. Fix promotions when tapping and fix handling of subsequently tapping two pieces of your color Cancel tap if a drag is started (tapped square will not stay red in case a drag is started) Change url strategy back to the hashtag thing Change version Fix bug that would not allow a piece move if you tried to take an opponents piece. Fix the coloring of the last move after an invalid move was played.
76 lines
2.0 KiB
Dart
76 lines
2.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:mchess/chess/chess_square_outer_dragtarget.dart';
|
|
import 'package:mchess/chess_bloc/tap_bloc.dart';
|
|
import '../utils/chess_utils.dart';
|
|
|
|
class ChessSquare extends StatefulWidget {
|
|
final ChessCoordinate coordinate;
|
|
final ChessPiece? containedPiece;
|
|
static const double pieceWidth = 200;
|
|
static const double pieceHeight = 200;
|
|
|
|
final Color color;
|
|
|
|
const ChessSquare._({
|
|
required this.coordinate,
|
|
required this.containedPiece,
|
|
required this.color,
|
|
});
|
|
|
|
factory ChessSquare(ChessCoordinate coord, ChessPiece? piece,
|
|
bool wasPartOfLastMove, bool wasTapped) {
|
|
Color lightSquaresColor =
|
|
wasPartOfLastMove ? Colors.green.shade200 : Colors.brown.shade50;
|
|
Color darkSquaresColor =
|
|
wasPartOfLastMove ? Colors.green.shade300 : Colors.brown.shade400;
|
|
|
|
if (wasTapped) {
|
|
lightSquaresColor = Colors.red.shade200;
|
|
darkSquaresColor = Colors.red.shade300;
|
|
}
|
|
|
|
Color squareColor;
|
|
|
|
if (coord.row % 2 == 0) {
|
|
if (coord.column % 2 == 0) {
|
|
squareColor = darkSquaresColor;
|
|
} else {
|
|
squareColor = lightSquaresColor;
|
|
}
|
|
} else {
|
|
if (coord.column % 2 == 0) {
|
|
squareColor = lightSquaresColor;
|
|
} else {
|
|
squareColor = darkSquaresColor;
|
|
}
|
|
}
|
|
|
|
return ChessSquare._(
|
|
coordinate: coord,
|
|
containedPiece: piece,
|
|
color: squareColor,
|
|
);
|
|
}
|
|
|
|
@override
|
|
State<ChessSquare> createState() => _ChessSquareState();
|
|
}
|
|
|
|
class _ChessSquareState extends State<ChessSquare> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
child: Container(
|
|
color: widget.color,
|
|
child: ChessSquareOuterDragTarget(
|
|
coordinate: widget.coordinate,
|
|
containedPiece: widget.containedPiece ?? const ChessPiece.none()),
|
|
),
|
|
onTap: () {
|
|
TapBloc().add(SquareTappedEvent(
|
|
tapped: widget.coordinate, pieceOnSquare: widget.containedPiece));
|
|
},
|
|
);
|
|
}
|
|
}
|