vai te lixar github
This commit is contained in:
188
lib/zone_map_dialog.dart
Normal file
188
lib/zone_map_dialog.dart
Normal file
@@ -0,0 +1,188 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'dart:math' as math;
|
||||
|
||||
class ZoneMapDialog extends StatelessWidget {
|
||||
final String playerName;
|
||||
final bool isMake;
|
||||
final Function(String zone, int points, double relativeX, double relativeY) onZoneSelected;
|
||||
|
||||
const ZoneMapDialog({
|
||||
super.key,
|
||||
required this.playerName,
|
||||
required this.isMake,
|
||||
required this.onZoneSelected,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final Color headerColor = const Color(0xFFE88F15);
|
||||
final Color yellowBackground = const Color(0xFFDFAB00);
|
||||
|
||||
final double screenHeight = MediaQuery.of(context).size.height;
|
||||
final double dialogHeight = screenHeight * 0.95;
|
||||
final double dialogWidth = dialogHeight * 1.0;
|
||||
|
||||
return Dialog(
|
||||
backgroundColor: yellowBackground,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
clipBehavior: Clip.antiAlias,
|
||||
insetPadding: const EdgeInsets.all(10),
|
||||
child: SizedBox(
|
||||
height: dialogHeight,
|
||||
width: dialogWidth,
|
||||
child: Column(
|
||||
children: [
|
||||
// CABEÇALHO
|
||||
Container(
|
||||
height: 40,
|
||||
color: headerColor,
|
||||
width: double.infinity,
|
||||
child: Stack(
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
Text(
|
||||
isMake ? "Lançamento de $playerName (Marcou)" : "Lançamento de $playerName (Falhou)",
|
||||
style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold),
|
||||
),
|
||||
Positioned(
|
||||
right: 8,
|
||||
child: InkWell(
|
||||
onTap: () => Navigator.pop(context),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(4),
|
||||
decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
|
||||
child: Icon(Icons.close, color: headerColor, size: 16),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
// MAPA INTERATIVO
|
||||
Expanded(
|
||||
child: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
return GestureDetector(
|
||||
onTapUp: (details) => _calculateAndReturnZone(context, details.localPosition, constraints.biggest),
|
||||
child: CustomPaint(
|
||||
size: Size(constraints.maxWidth, constraints.maxHeight),
|
||||
painter: DebugPainter(),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _calculateAndReturnZone(BuildContext context, Offset tap, Size size) {
|
||||
final double w = size.width;
|
||||
final double h = size.height;
|
||||
final double x = tap.dx;
|
||||
final double y = tap.dy;
|
||||
final double basketX = w / 2;
|
||||
|
||||
// MESMAS MEDIDAS DO PAINTER
|
||||
final double margin = w * 0.10;
|
||||
final double length = h * 0.35;
|
||||
final double larguraDoArco = (w / 2) - margin;
|
||||
final double alturaDoArco = larguraDoArco * 0.30;
|
||||
final double totalArcoHeight = alturaDoArco * 4;
|
||||
|
||||
String zone = "Meia Distância";
|
||||
int pts = 2;
|
||||
|
||||
// 1. TESTE DE 3 PONTOS
|
||||
bool is3 = false;
|
||||
if (y < length) {
|
||||
if (x < margin || x > w - margin) is3 = true;
|
||||
} else {
|
||||
double dx = x - basketX;
|
||||
double dy = y - length;
|
||||
double ellipse = (dx * dx) / (larguraDoArco * larguraDoArco) + (dy * dy) / (math.pow(totalArcoHeight / 2, 2));
|
||||
if (ellipse > 1.0) is3 = true;
|
||||
}
|
||||
|
||||
if (is3) {
|
||||
pts = 3;
|
||||
double angle = math.atan2(y - length, x - basketX);
|
||||
if (y < length) {
|
||||
zone = (x < w / 2) ? "Canto Esquerdo" : "Canto Direito";
|
||||
} else if (angle > 2.35) {
|
||||
zone = "Ala Esquerda";
|
||||
} else if (angle < 0.78) {
|
||||
zone = "Ala Direita";
|
||||
} else {
|
||||
zone = "Topo (3pts)";
|
||||
}
|
||||
} else {
|
||||
// 2. TESTE DE GARRAFÃO
|
||||
final double pW = w * 0.28;
|
||||
final double pH = h * 0.38;
|
||||
if (x > basketX - pW / 2 && x < basketX + pW / 2 && y < pH) {
|
||||
zone = "Garrafão";
|
||||
}
|
||||
}
|
||||
|
||||
onZoneSelected(zone, pts, x / w, y / h);
|
||||
Navigator.pop(context);
|
||||
}
|
||||
}
|
||||
|
||||
class DebugPainter extends CustomPainter {
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final double w = size.width;
|
||||
final double h = size.height;
|
||||
final double basketX = w / 2;
|
||||
|
||||
final Paint whiteStroke = Paint()..color = Colors.white..style = PaintingStyle.stroke..strokeWidth = 2.0;
|
||||
final Paint blackStroke = Paint()..color = Colors.black87..style = PaintingStyle.stroke..strokeWidth = 2.0;
|
||||
|
||||
final double margin = w * 0.10;
|
||||
final double length = h * 0.35;
|
||||
final double larguraDoArco = (w / 2) - margin;
|
||||
final double alturaDoArco = larguraDoArco * 0.30;
|
||||
final double totalArcoHeight = alturaDoArco * 4;
|
||||
|
||||
// 3 PONTOS (BRANCO)
|
||||
canvas.drawLine(Offset(margin, 0), Offset(margin, length), whiteStroke);
|
||||
canvas.drawLine(Offset(w - margin, 0), Offset(w - margin, length), whiteStroke);
|
||||
canvas.drawLine(Offset(0, length), Offset(margin, length), whiteStroke);
|
||||
canvas.drawLine(Offset(w - margin, length), Offset(w, length), whiteStroke);
|
||||
canvas.drawArc(Rect.fromCenter(center: Offset(basketX, length), width: larguraDoArco * 2, height: totalArcoHeight), 0, math.pi, false, whiteStroke);
|
||||
|
||||
// DIVISÕES 45º (BRANCO)
|
||||
double sXL = basketX + (larguraDoArco * math.cos(math.pi * 0.75));
|
||||
double sYL = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.75));
|
||||
double sXR = basketX + (larguraDoArco * math.cos(math.pi * 0.25));
|
||||
double sYR = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.25));
|
||||
canvas.drawLine(Offset(sXL, sYL), Offset(0, h * 0.85), whiteStroke);
|
||||
canvas.drawLine(Offset(sXR, sYR), Offset(w, h * 0.85), whiteStroke);
|
||||
|
||||
// GARRAFÃO E MEIO CAMPO (PRETO)
|
||||
final double pW = w * 0.28;
|
||||
final double pH = h * 0.38;
|
||||
canvas.drawRect(Rect.fromLTWH(basketX - pW / 2, 0, pW, pH), blackStroke);
|
||||
final double ftR = pW / 2;
|
||||
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), 0, math.pi, false, blackStroke);
|
||||
|
||||
// Tracejado
|
||||
const int dashCount = 10;
|
||||
for (int i = 0; i < dashCount; i++) {
|
||||
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke);
|
||||
}
|
||||
|
||||
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke);
|
||||
|
||||
// CESTO
|
||||
canvas.drawCircle(Offset(basketX, h * 0.12), w * 0.02, blackStroke);
|
||||
canvas.drawLine(Offset(basketX - w * 0.08, h * 0.12 - 5), Offset(basketX + w * 0.08, h * 0.12 - 5), blackStroke);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(CustomPainter old) => false;
|
||||
}
|
||||
Reference in New Issue
Block a user