feat: Add Intaleq Native Android Kotlin & iOS Swift SDKs, Incline slope routing, Topographic contours and modular tactical app
This commit is contained in:
Hamza-Ayed
@@ -0,0 +1,249 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../models/angle_unit.dart';
|
||||
|
||||
class TacticalCrosshair extends StatelessWidget {
|
||||
final double headingDeg;
|
||||
final double trueAzimuthDeg;
|
||||
final AngleUnit angleUnit;
|
||||
final bool isAimLocked;
|
||||
final String? targetName;
|
||||
|
||||
const TacticalCrosshair({
|
||||
super.key,
|
||||
required this.headingDeg,
|
||||
required this.trueAzimuthDeg,
|
||||
this.angleUnit = AngleUnit.dual,
|
||||
this.isAimLocked = false,
|
||||
this.targetName,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Stack(
|
||||
children: [
|
||||
// Reticle Canvas
|
||||
CustomPaint(
|
||||
size: Size.infinite,
|
||||
painter: _CrosshairPainter(
|
||||
isLocked: isAimLocked,
|
||||
),
|
||||
),
|
||||
|
||||
// Top Azimuth & Mils Telemetry Strip
|
||||
Positioned(
|
||||
top: 16,
|
||||
left: 20,
|
||||
right: 20,
|
||||
child: Center(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black.withAlpha(204),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: isAimLocked ? const Color(0xFF22C55E) : const Color(0xFF00F0FF),
|
||||
width: 1.5,
|
||||
),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: isAimLocked
|
||||
? const Color(0xFF22C55E).withAlpha(102)
|
||||
: const Color(0xFF00F0FF).withAlpha(102),
|
||||
blurRadius: 12,
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
Icons.explore,
|
||||
size: 16,
|
||||
color: isAimLocked ? const Color(0xFF4ADE80) : const Color(0xFF00F0FF),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'السمت: ${AngleFormatter.format(trueAzimuthDeg, angleUnit, includeLabel: false)}',
|
||||
style: TextStyle(
|
||||
color: isAimLocked ? const Color(0xFF4ADE80) : const Color(0xFF00F0FF),
|
||||
fontSize: 12.5,
|
||||
fontWeight: FontWeight.w900,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Container(width: 1, height: 14, color: Colors.white24),
|
||||
const SizedBox(width: 8),
|
||||
Text(
|
||||
'مغناطيسي: ${headingDeg.toStringAsFixed(0).padLeft(3, '0')}°',
|
||||
style: const TextStyle(
|
||||
color: Color(0xFF94A3B8),
|
||||
fontSize: 10.5,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Target Aiming Name Label under reticle
|
||||
if (targetName != null)
|
||||
Positioned(
|
||||
bottom: 90,
|
||||
left: 20,
|
||||
right: 20,
|
||||
child: Center(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xF00F172A),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: isAimLocked ? const Color(0xFF22C55E) : const Color(0xFF38BDF8),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(
|
||||
isAimLocked ? Icons.lock : Icons.my_location,
|
||||
size: 14,
|
||||
color: isAimLocked ? const Color(0xFF4ADE80) : const Color(0xFF38BDF8),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
Flexible(
|
||||
child: Text(
|
||||
'المعلم المصوب عليه: $targetName',
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CrosshairPainter extends CustomPainter {
|
||||
final bool isLocked;
|
||||
|
||||
_CrosshairPainter({required this.isLocked});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final center = Offset(size.width / 2, size.height / 2);
|
||||
final primaryColor = isLocked ? const Color(0xFF22C55E) : const Color(0xFF00F0FF);
|
||||
|
||||
final linePaint = Paint()
|
||||
..color = primaryColor
|
||||
..strokeWidth = 1.5
|
||||
..style = PaintingStyle.stroke;
|
||||
|
||||
final glowPaint = Paint()
|
||||
..color = primaryColor.withAlpha(51)
|
||||
..strokeWidth = 4.0
|
||||
..style = PaintingStyle.stroke;
|
||||
|
||||
final centerDotPaint = Paint()
|
||||
..color = isLocked ? const Color(0xFF22C55E) : const Color(0xFFEF4444)
|
||||
..style = PaintingStyle.fill;
|
||||
|
||||
// Center Crosshair Circle (Outer)
|
||||
const outerRadius = 46.0;
|
||||
canvas.drawCircle(center, outerRadius, glowPaint);
|
||||
canvas.drawCircle(center, outerRadius, linePaint);
|
||||
|
||||
// Inner Aiming Circle
|
||||
const innerRadius = 18.0;
|
||||
canvas.drawCircle(center, innerRadius, linePaint);
|
||||
|
||||
// Red Center Pip
|
||||
canvas.drawCircle(center, 3.5, centerDotPaint);
|
||||
|
||||
// Crosshair Lines with Mil Marks
|
||||
const lineLen = 70.0;
|
||||
const gap = 24.0;
|
||||
|
||||
// Top ray
|
||||
canvas.drawLine(Offset(center.dx, center.dy - gap), Offset(center.dx, center.dy - gap - lineLen), linePaint);
|
||||
// Bottom ray
|
||||
canvas.drawLine(Offset(center.dx, center.dy + gap), Offset(center.dx, center.dy + gap + lineLen), linePaint);
|
||||
// Left ray
|
||||
canvas.drawLine(Offset(center.dx - gap, center.dy), Offset(center.dx - gap - lineLen, center.dy), linePaint);
|
||||
// Right ray
|
||||
canvas.drawLine(Offset(center.dx + gap, center.dy), Offset(center.dx + gap + lineLen, center.dy), linePaint);
|
||||
|
||||
// Stadia / Mil tick marks
|
||||
for (int i = 1; i <= 3; i++) {
|
||||
final d = gap + i * 20.0;
|
||||
final tickLen = (i % 2 == 0) ? 8.0 : 4.0;
|
||||
|
||||
// Top tick
|
||||
canvas.drawLine(Offset(center.dx - tickLen, center.dy - d), Offset(center.dx + tickLen, center.dy - d), linePaint);
|
||||
// Bottom tick
|
||||
canvas.drawLine(Offset(center.dx - tickLen, center.dy + d), Offset(center.dx + tickLen, center.dy + d), linePaint);
|
||||
// Left tick
|
||||
canvas.drawLine(Offset(center.dx - d, center.dy - tickLen), Offset(center.dx - d, center.dy + tickLen), linePaint);
|
||||
// Right tick
|
||||
canvas.drawLine(Offset(center.dx + d, center.dy - tickLen), Offset(center.dx + d, center.dy + tickLen), linePaint);
|
||||
}
|
||||
|
||||
// Corner HUD Bracket Accents
|
||||
final bracketPaint = Paint()
|
||||
..color = primaryColor.withAlpha(153)
|
||||
..strokeWidth = 2.0
|
||||
..style = PaintingStyle.stroke;
|
||||
|
||||
const bSize = 25.0;
|
||||
const pad = 35.0;
|
||||
|
||||
// Top-Left
|
||||
canvas.drawPath(
|
||||
Path()
|
||||
..moveTo(pad, pad + bSize)
|
||||
..lineTo(pad, pad)
|
||||
..lineTo(pad + bSize, pad),
|
||||
bracketPaint,
|
||||
);
|
||||
|
||||
// Top-Right
|
||||
canvas.drawPath(
|
||||
Path()
|
||||
..moveTo(size.width - pad - bSize, pad)
|
||||
..lineTo(size.width - pad, pad)
|
||||
..lineTo(size.width - pad, pad + bSize),
|
||||
bracketPaint,
|
||||
);
|
||||
|
||||
// Bottom-Left
|
||||
canvas.drawPath(
|
||||
Path()
|
||||
..moveTo(pad, size.height - pad - bSize)
|
||||
..lineTo(pad, size.height - pad)
|
||||
..lineTo(pad + bSize, size.height - pad),
|
||||
bracketPaint,
|
||||
);
|
||||
|
||||
// Bottom-Right
|
||||
canvas.drawPath(
|
||||
Path()
|
||||
..moveTo(size.width - pad - bSize, size.height - pad)
|
||||
..lineTo(size.width - pad, size.height - pad)
|
||||
..lineTo(size.width - pad, size.height - pad - bSize),
|
||||
bracketPaint,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant _CrosshairPainter oldDelegate) {
|
||||
return oldDelegate.isLocked != isLocked;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user