fixes for detection with new target styles

This commit is contained in:
2025-12-23 16:30:18 +01:00
parent 99b26893e7
commit e111f0a99b
37 changed files with 391 additions and 14 deletions
+81 -7
View File
@@ -38,7 +38,7 @@ class _PreviewScreenState extends State<PreviewScreen> {
Uint8List? _cachedTargetImage;
Uint8List? _cachedRealImage;
final String targetAssetPath = 'assets/target.png';
late String targetAssetPath;
final Offset fixedRingTargetCenter = const Offset(602.51, 600.43);
final Size fixedRingTargetSize = const Size(355.94, 359.27);
@@ -58,15 +58,23 @@ class _PreviewScreenState extends State<PreviewScreen> {
Color get _activeColorWithOpacity => _activeColor.withOpacity(_bulletOpacity);
String _selectedLanguage = 'English';
Color _backgroundColor = Colors.grey[900]!;
@override
void initState() {
super.initState();
_realImageDetections = widget.detections;
_targetImageFuture = _loadAndDecodeTargetImage();
_loadBulletColor(); // 👈 Add this
_loadLanguage();
_runDetectionAndMapping();
targetAssetPath = 'assets/target.png'; // Default
_initializeScreen();
}
Future<void> _initializeScreen() async {
await Future.wait([
_loadSelectedTarget(),
_loadBulletColor(),
_loadLanguage(),
]);
await _runDetectionAndMapping();
}
String _t(String key) {
@@ -80,6 +88,71 @@ class _PreviewScreenState extends State<PreviewScreen> {
});
}
Future<void> _loadSelectedTarget() async {
final prefs = await SharedPreferences.getInstance();
// For detection mode (cameraWithDetections), always use default target
// For presentation mode (mappedTarget), use selected target
final selectedTarget = _mode == PreviewMode.mappedTarget
? (prefs.getString('selectedTarget') ?? 'assets/target.png')
: 'assets/target.png';
// Update the target path and trigger image load
targetAssetPath = selectedTarget;
_targetImageFuture = _loadAndDecodeTargetImage();
_backgroundColor = _getBackgroundColorForTarget(selectedTarget);
// Await the image decoding to ensure it's populated before rebuilding
_targetImageDecoded = await _targetImageFuture;
if (_targetImageDecoded != null) {
_cachedTargetImage = Uint8List.fromList(img.encodePng(_targetImageDecoded!));
}
setState(() {
// Trigger rebuild with the new target
});
}
Color _getBackgroundColorForTarget(String targetPath) {
// Map each target to its background color (extracted from first pixel of each image)
switch (targetPath) {
case 'assets/target.png':
return const Color(0xFFFFFFFF); // White
case 'assets/targets/Target1.jpg':
return const Color(0xFFE8ECD5); // Light beige
case 'assets/targets/Target2.jpg':
return const Color(0xFFC1DF87); // Light green
case 'assets/targets/Target3.jpg':
return const Color(0xFFFEFEFE); // Off-white
case 'assets/targets/Target4.jpg':
return const Color(0xFFD42931); // Red
case 'assets/targets/Target5.jpg':
return const Color(0xFF02050A); // Very dark blue/black
case 'assets/targets/Target6.jpg':
return const Color(0xFF000000); // Black
case 'assets/targets/Target7.jpg':
return const Color(0xFFFFD454); // Bright yellow
case 'assets/targets/Target11.jpg':
return const Color(0xFF1E5E81); // Dark teal blue
case 'assets/targets/Target14.jpg':
return const Color(0xFFFEFEFC); // Off-white
case 'assets/targets/Target15.jpg':
return const Color(0xFF98926E); // Olive green
default:
return Colors.grey[900]!; // Fallback to dark gray
}
}
Future<void> _loadBulletColor() async {
final prefs = await SharedPreferences.getInstance();
final selectedColor = prefs.getString('bulletColor') ?? 'Blue';
@@ -783,7 +856,7 @@ Color _getBulletButtonColor(int index) {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
backgroundColor: _backgroundColor,
appBar: AppBar(
backgroundColor: Colors.grey[900],
iconTheme: const IconThemeData(color: Colors.white),
@@ -799,12 +872,13 @@ Widget build(BuildContext context) {
: Icons.center_focus_strong,
),
color: Colors.white,
onPressed: () {
onPressed: () async {
setState(() {
_mode = _mode == PreviewMode.mappedTarget
? PreviewMode.cameraWithDetections
: PreviewMode.mappedTarget;
});
await _loadSelectedTarget(); // Reload target based on new mode
},
tooltip: _mode == PreviewMode.mappedTarget
? _t("Show Camera Detections")
+245
View File
@@ -47,6 +47,20 @@ class _SettingsScreenState extends State<SettingsScreen> {
{'code': 'sl', 'name': 'Slovenian', 'flag': '🇸🇮'},
];
String _selectedTarget = 'assets/target.png';
final List<String> _availableTargets = [
'assets/target.png',
'assets/targets/Target1.jpg',
'assets/targets/Target2.jpg',
'assets/targets/Target3.jpg',
'assets/targets/Target4.jpg',
'assets/targets/Target5.jpg',
'assets/targets/Target6.jpg',
'assets/targets/Target7.jpg',
'assets/targets/Target11.jpg',
'assets/targets/Target14.jpg',
'assets/targets/Target15.jpg',
];
@override
void initState() {
@@ -54,6 +68,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
_loadCameraIPs();
_loadBulletColor();
_loadLanguage();
_loadSelectedTarget();
}
@@ -134,6 +149,29 @@ Future<void> _saveLanguage(String language) async {
setState(() => _selectedLanguage = language);
}
Future<void> _loadSelectedTarget() async {
final prefs = await SharedPreferences.getInstance();
String savedTarget = prefs.getString('selectedTarget') ?? 'assets/target.png';
setState(() {
_selectedTarget = savedTarget;
});
}
Future<void> _saveSelectedTarget(String target) async {
final prefs = await SharedPreferences.getInstance();
await prefs.setString('selectedTarget', target);
setState(() => _selectedTarget = target);
}
String _getTargetDisplayName(String targetPath) {
if (targetPath == 'assets/target.png') {
return 'Default Target';
}
return targetPath
.replaceAll('assets/targets/', '')
.replaceAll('.jpg', '');
}
Future<void> _loadCameraIPs() async {
final prefs = await SharedPreferences.getInstance();
@@ -317,6 +355,8 @@ Future<void> _saveLanguage(String language) async {
const SizedBox(height: 16),
_buildBulletColorSelector(),
const SizedBox(height: 16),
_buildTargetSelector(),
const SizedBox(height: 16),
_buildCameraList(),
],
@@ -507,6 +547,87 @@ Future<void> _saveLanguage(String language) async {
);
}
Widget _buildTargetSelector() {
return Container(
margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 0),
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.grey.withValues(alpha: 0.3),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Header
Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: BoxDecoration(
color: Colors.grey[900],
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
),
),
child: Row(
children: [
Container(
width: 4,
height: 16,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(width: 12),
Text(
_t("Select Target"),
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
],
),
),
// Content
GestureDetector(
onTap: _showTargetPopup,
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: const BorderRadius.only(
bottomLeft: Radius.circular(12),
bottomRight: Radius.circular(12),
),
),
child: Row(
children: [
Expanded(
child: Text(
_getTargetDisplayName(_selectedTarget),
style: const TextStyle(color: Colors.black87, fontSize: 14),
),
),
const Icon(Icons.chevron_right, color: Colors.black54),
],
),
),
),
],
),
);
}
void _showLanguagePopup() {
showDialog(
context: context,
@@ -646,6 +767,130 @@ void _showBulletColorPopup() {
);
}
void _showTargetPopup() {
String previewTarget = _selectedTarget;
showDialog(
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, innerSetState) {
return Dialog(
backgroundColor: Colors.grey[900],
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
child: Padding(
padding: const EdgeInsets.all(24),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
_t("Select Target"),
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const SizedBox(height: 20),
// Image Preview
Container(
width: 200,
height: 200,
decoration: BoxDecoration(
border: Border.all(color: Colors.white24),
borderRadius: BorderRadius.circular(8),
),
child: Image.asset(
previewTarget,
fit: BoxFit.contain,
errorBuilder: (context, error, stackTrace) {
return Container(
color: Colors.grey[800],
child: const Center(
child: Icon(Icons.image_not_supported, color: Colors.white54),
),
);
},
),
),
const SizedBox(height: 20),
// Target List
SizedBox(
width: double.maxFinite,
height: 300,
child: ListView(
children: _availableTargets.map((targetPath) {
final isSelected = targetPath == previewTarget;
final displayName = _getTargetDisplayName(targetPath);
return Padding(
padding: const EdgeInsets.only(bottom: 12.0),
child: SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: () {
innerSetState(() => previewTarget = targetPath);
},
style: ElevatedButton.styleFrom(
backgroundColor: isSelected
? _getColorFromName(_selectedBulletColor)
: Colors.grey[800],
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 14),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: Text(displayName),
),
),
);
}).toList(),
),
),
const SizedBox(height: 12),
// Action Buttons
Row(
children: [
Expanded(
child: ElevatedButton(
onPressed: () async {
await _saveSelectedTarget(previewTarget);
if (context.mounted) {
Navigator.of(context).pop();
}
},
style: ElevatedButton.styleFrom(
backgroundColor: _getColorFromName(_selectedBulletColor),
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 14),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: Text(_t("Apply")),
),
),
const SizedBox(width: 12),
Expanded(
child: TextButton(
onPressed: () => Navigator.of(context).pop(),
child: Text(_t("Cancel"), style: const TextStyle(color: Colors.white70)),
),
),
],
),
],
),
),
);
},
);
},
);
}
Widget _buildCameraList() {
return Container(
margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 0),
+63 -7
View File
@@ -34,20 +34,28 @@ class _TargetViewScreenState extends State<TargetViewScreen> {
int? _highlightedBulletIndex;
int? _pressedScoreGroup;
late String _targetFilePath;
final String targetAssetPath = 'assets/target.png';
late String targetAssetPath;
final double bulletSize = 19;
Color _bulletColor = Colors.blue; // default/fallback bullet color
String _selectedLanguage = 'English';
Color _backgroundColor = Colors.white;
@override
void initState() {
super.initState();
_loadBulletColor();
_loadLanguage();
_loadJsonAndImage();
targetAssetPath = 'assets/target.png'; // Default
_initializeScreen();
}
Future<void> _initializeScreen() async {
await Future.wait([
_loadBulletColor(),
_loadLanguage(),
_loadSelectedTarget(),
]);
await _loadJsonAndImage();
}
String _t(String key) {
@@ -61,6 +69,54 @@ class _TargetViewScreenState extends State<TargetViewScreen> {
});
}
Future<void> _loadSelectedTarget() async {
final prefs = await SharedPreferences.getInstance();
final selectedTarget = prefs.getString('selectedTarget') ?? 'assets/target.png';
targetAssetPath = selectedTarget;
_backgroundColor = _getBackgroundColorForTarget(selectedTarget);
}
Color _getBackgroundColorForTarget(String targetPath) {
// Map each target to its background color (extracted from first pixel of each image)
switch (targetPath) {
case 'assets/target.png':
return const Color(0xFFFFFFFF); // White
case 'assets/targets/Target1.jpg':
return const Color(0xFFE8ECD5); // Light beige
case 'assets/targets/Target2.jpg':
return const Color(0xFFC1DF87); // Light green
case 'assets/targets/Target3.jpg':
return const Color(0xFFFEFEFE); // Off-white
case 'assets/targets/Target4.jpg':
return const Color(0xFFD42931); // Red
case 'assets/targets/Target5.jpg':
return const Color(0xFF02050A); // Very dark blue/black
case 'assets/targets/Target6.jpg':
return const Color(0xFF000000); // Black
case 'assets/targets/Target7.jpg':
return const Color(0xFFFFD454); // Bright yellow
case 'assets/targets/Target11.jpg':
return const Color(0xFF1E5E81); // Dark teal blue
case 'assets/targets/Target14.jpg':
return const Color(0xFFFEFEFC); // Off-white
case 'assets/targets/Target15.jpg':
return const Color(0xFF98926E); // Olive green
default:
return Colors.white; // Fallback to white
}
}
Future<void> _loadBulletColor() async {
final prefs = await SharedPreferences.getInstance();
final selectedColor = prefs.getString('bulletColor') ?? 'Blue';
@@ -194,7 +250,7 @@ class _TargetViewScreenState extends State<TargetViewScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
backgroundColor: _backgroundColor,
appBar: AppBar(
title: Row(
mainAxisSize: MainAxisSize.min,
@@ -365,7 +421,7 @@ class _TargetViewScreenState extends State<TargetViewScreen> {
),
const SizedBox(height: 12),
Container(
color: Colors.white,
color: _backgroundColor,
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
child: Row(
children: widget.isCombinedView