92 lines
2.6 KiB
Dart
92 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'chess_utils.dart';
|
|
|
|
class ChessSquare extends StatefulWidget {
|
|
final ChessCoordinate coordinate;
|
|
final ChessPiece? containedPiece;
|
|
static const double pieceWidth = 200;
|
|
static const double pieceHeight = 200;
|
|
|
|
const ChessSquare({required this.coordinate, this.containedPiece, super.key});
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => _ChessSquareState();
|
|
}
|
|
|
|
class _ChessSquareState extends State<ChessSquare> {
|
|
late Color color;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
double windowWidth = MediaQuery.of(context).size.width;
|
|
double windowHeight = MediaQuery.of(context).size.height;
|
|
double draggableFdbSize;
|
|
|
|
if (windowWidth < windowHeight) {
|
|
draggableFdbSize = 0.15 * windowWidth;
|
|
} else {
|
|
draggableFdbSize = 0.15 * windowHeight;
|
|
}
|
|
|
|
color = _getSquareColor(widget.coordinate);
|
|
|
|
return DragTarget<ChessMove>(
|
|
builder: (context, candidateData, rejectedData) {
|
|
return Container(
|
|
color: color,
|
|
width: ChessSquare.pieceWidth,
|
|
height: ChessSquare.pieceWidth,
|
|
child: Draggable<ChessMove>(
|
|
/* We create the move with the startSquare == endSquare. The receiving widget will give the correct value to end square. */
|
|
data: ChessMove(
|
|
widget.coordinate, widget.coordinate, widget.containedPiece),
|
|
feedback: FractionalTranslation(
|
|
translation: const Offset(-0.5, -0.75),
|
|
child: SizedBox(
|
|
height: draggableFdbSize,
|
|
width: draggableFdbSize,
|
|
child: widget.containedPiece),
|
|
),
|
|
childWhenDragging: Container(),
|
|
dragAnchorStrategy: pointerDragAnchorStrategy,
|
|
child: widget.containedPiece ?? Container(),
|
|
onDragCompleted: () {
|
|
setState(() {
|
|
// widget.containedPiece = null;
|
|
});
|
|
},
|
|
),
|
|
);
|
|
},
|
|
onWillAccept: (move) {
|
|
return false;
|
|
},
|
|
onAccept: (move) {},
|
|
);
|
|
}
|
|
|
|
Color _getSquareColor(ChessCoordinate coordinate) {
|
|
Color lightSquares = Colors.brown.shade50;
|
|
Color darkSquares = Colors.brown.shade400;
|
|
|
|
Color squareColor;
|
|
|
|
if (coordinate.row % 2 == 0) {
|
|
if (coordinate.column % 2 == 0) {
|
|
squareColor = darkSquares;
|
|
} else {
|
|
squareColor = lightSquares;
|
|
}
|
|
} else {
|
|
if (coordinate.column % 2 == 0) {
|
|
squareColor = lightSquares;
|
|
} else {
|
|
squareColor = darkSquares;
|
|
}
|
|
}
|
|
|
|
return squareColor;
|
|
}
|
|
}
|