feat: implement AI export service and establish project navigation and theming infrastructure + acces internet
Build & Release Android APK / build-apk (push) Successful in 23m34s
Build & Release Android APK / build-apk (push) Successful in 23m34s
This commit is contained in:
streaper2
+375
-40
@@ -1,89 +1,424 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// Définition des couleurs d'accent disponibles pour la personnalisation.
|
||||
class AppAccentColor {
|
||||
final String id;
|
||||
final String name;
|
||||
final Color color;
|
||||
final Color lightColor;
|
||||
final Color darkColor;
|
||||
final IconData icon;
|
||||
|
||||
const AppAccentColor({
|
||||
required this.id,
|
||||
required this.name,
|
||||
required this.color,
|
||||
required this.lightColor,
|
||||
required this.darkColor,
|
||||
required this.icon,
|
||||
});
|
||||
|
||||
static const AppAccentColor blue = AppAccentColor(
|
||||
id: 'blue',
|
||||
name: 'Bleu Cobalt',
|
||||
color: Color(0xFF2563EB),
|
||||
lightColor: Color(0xFF60A5FA),
|
||||
darkColor: Color(0xFF1D4ED8),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor red = AppAccentColor(
|
||||
id: 'red',
|
||||
name: 'Rouge Cible',
|
||||
color: Color(0xFFDC2626),
|
||||
lightColor: Color(0xFFF87171),
|
||||
darkColor: Color(0xFFB91C1C),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor green = AppAccentColor(
|
||||
id: 'green',
|
||||
name: 'Vert Viseur',
|
||||
color: Color(0xFF10B981),
|
||||
lightColor: Color(0xFF34D399),
|
||||
darkColor: Color(0xFF059669),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor orange = AppAccentColor(
|
||||
id: 'orange',
|
||||
name: 'Orange Ambre',
|
||||
color: Color(0xFFFF6D00),
|
||||
lightColor: Color(0xFFFF9E40),
|
||||
darkColor: Color(0xFFD84315),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor purple = AppAccentColor(
|
||||
id: 'purple',
|
||||
name: 'Violet Cyber',
|
||||
color: Color(0xFF8B5CF6),
|
||||
lightColor: Color(0xFFA78BFA),
|
||||
darkColor: Color(0xFF6D28D9),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor cyan = AppAccentColor(
|
||||
id: 'cyan',
|
||||
name: 'Cyan Néon',
|
||||
color: Color(0xFF06B6D4),
|
||||
lightColor: Color(0xFF67E8F9),
|
||||
darkColor: Color(0xFF0E7490),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const AppAccentColor gold = AppAccentColor(
|
||||
id: 'gold',
|
||||
name: 'Or Compétition',
|
||||
color: Color(0xFFF59E0B),
|
||||
lightColor: Color(0xFFFBBF24),
|
||||
darkColor: Color(0xFFD97706),
|
||||
icon: Icons.lens,
|
||||
);
|
||||
|
||||
static const List<AppAccentColor> allAccents = [
|
||||
blue,
|
||||
red,
|
||||
green,
|
||||
orange,
|
||||
purple,
|
||||
cyan,
|
||||
gold,
|
||||
];
|
||||
|
||||
static AppAccentColor fromId(String? id) {
|
||||
return allAccents.firstWhere(
|
||||
(a) => a.id == id,
|
||||
orElse: () => blue,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// Système de design et thème de l'application Bully.
|
||||
class AppTheme {
|
||||
AppTheme._();
|
||||
|
||||
static const Color primaryColor = Color(0xFF1E88E5);
|
||||
static const Color secondaryColor = Color(0xFF43A047);
|
||||
static const Color errorColor = Color(0xFFE53935);
|
||||
static const Color warningColor = Color(0xFFFFA726);
|
||||
static const Color successColor = Color(0xFF66BB6A);
|
||||
// Accents par défaut (compatibilité statique)
|
||||
static const Color primaryColor = Color(0xFF2563EB);
|
||||
static const Color primaryLight = Color(0xFF60A5FA);
|
||||
static const Color primaryDark = Color(0xFF1D4ED8);
|
||||
|
||||
static const Color backgroundColor = Color(0xFFF5F5F5);
|
||||
static const Color surfaceColor = Colors.white;
|
||||
static const Color textPrimary = Color(0xFF212121);
|
||||
static const Color textSecondary = Color(0xFF757575);
|
||||
static const Color secondaryColor = Color(0xFF10B981);
|
||||
static const Color secondaryDark = Color(0xFF059669);
|
||||
|
||||
// Impact colors for visualization
|
||||
static const Color impactColor = Color(0xFFFF5722);
|
||||
static const Color accentBlue = Color(0xFF0EA5E9);
|
||||
static const Color accentGold = Color(0xFFFFB300);
|
||||
|
||||
static const Color errorColor = Color(0xFFEF4444);
|
||||
static const Color warningColor = Color(0xFFF59E0B);
|
||||
static const Color successColor = Color(0xFF10B981);
|
||||
|
||||
// Palette Thème Sombre (Standard Stand de Tir)
|
||||
static const Color darkBackground = Color(0xFF0D1219);
|
||||
static const Color darkSurface = Color(0xFF161E28);
|
||||
static const Color darkSurfaceElevated = Color(0xFF1E2836);
|
||||
static const Color darkSurfaceVariant = Color(0xFF253243);
|
||||
static const Color darkBorder = Color(0xFF2C3B4E);
|
||||
static const Color darkBorderLight = Color(0xFF3B4D65);
|
||||
static const Color darkTextPrimary = Color(0xFFF1F5F9);
|
||||
static const Color darkTextSecondary = Color(0xFF94A3B8);
|
||||
static const Color darkTextMuted = Color(0xFF64748B);
|
||||
|
||||
// Palette Thème Clair
|
||||
static const Color lightBackground = Color(0xFFF8FAFC);
|
||||
static const Color lightSurface = Color(0xFFFFFFFF);
|
||||
static const Color lightSurfaceElevated = Color(0xFFFFFFFF);
|
||||
static const Color lightSurfaceVariant = Color(0xFFF1F5F9);
|
||||
static const Color lightBorder = Color(0xFFE2E8F0);
|
||||
static const Color lightTextPrimary = Color(0xFF0F172A);
|
||||
static const Color lightTextSecondary = Color(0xFF64748B);
|
||||
static const Color lightTextMuted = Color(0xFF94A3B8);
|
||||
|
||||
// Compatibilité ascendante
|
||||
static const Color backgroundColor = lightBackground;
|
||||
static const Color surfaceColor = lightSurface;
|
||||
static const Color textPrimary = lightTextPrimary;
|
||||
static const Color textSecondary = lightTextSecondary;
|
||||
|
||||
// Couleurs des impacts pour l'overlay
|
||||
static const Color impactColor = Color(0xFFFF3D00);
|
||||
static const Color impactOutlineColor = Color(0xFFFFFFFF);
|
||||
static const Color groupingCenterColor = Color(0xFF2196F3);
|
||||
static const Color groupingCircleColor = Color(0x4D2196F3);
|
||||
static const Color groupingCenterColor = Color(0xFF00E5FF);
|
||||
static const Color groupingCircleColor = Color(0x4D00E5FF);
|
||||
|
||||
// Score zone colors
|
||||
// Couleurs des zones de score cibles concentriques
|
||||
static const List<Color> zoneColors = [
|
||||
Color(0xFFFFEB3B), // Zone 10 - Gold
|
||||
Color(0xFFFFEB3B), // Zone 9
|
||||
Color(0xFFFFB300), // Zone 10 - Or
|
||||
Color(0xFFFFCA28), // Zone 9
|
||||
Color(0xFFFF5722), // Zone 8
|
||||
Color(0xFFFF5722), // Zone 7
|
||||
Color(0xFF2196F3), // Zone 6
|
||||
Color(0xFF2196F3), // Zone 5
|
||||
Color(0xFF4CAF50), // Zone 4
|
||||
Color(0xFF4CAF50), // Zone 3
|
||||
Color(0xFFFF7043), // Zone 7
|
||||
Color(0xFF29B6F6), // Zone 6
|
||||
Color(0xFF4FC3F7), // Zone 5
|
||||
Color(0xFF66BB6A), // Zone 4
|
||||
Color(0xFF81C784), // Zone 3
|
||||
Color(0xFFFFFFFF), // Zone 2
|
||||
Color(0xFFFFFFFF), // Zone 1
|
||||
Color(0xFFE0E0E0), // Zone 1
|
||||
];
|
||||
|
||||
static ThemeData get lightTheme {
|
||||
static ThemeData get lightTheme => buildLightTheme(AppAccentColor.blue);
|
||||
static ThemeData get darkTheme => buildDarkTheme(AppAccentColor.blue);
|
||||
|
||||
static ThemeData buildLightTheme(AppAccentColor accent) {
|
||||
final activePrimary = accent.color;
|
||||
|
||||
return ThemeData(
|
||||
useMaterial3: true,
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: primaryColor,
|
||||
brightness: Brightness.light,
|
||||
brightness: Brightness.light,
|
||||
colorScheme: ColorScheme.light(
|
||||
primary: activePrimary,
|
||||
secondary: secondaryColor,
|
||||
surface: lightSurface,
|
||||
error: errorColor,
|
||||
onPrimary: Colors.white,
|
||||
onSecondary: Colors.white,
|
||||
onSurface: lightTextPrimary,
|
||||
onError: Colors.white,
|
||||
outline: lightBorder,
|
||||
),
|
||||
scaffoldBackgroundColor: backgroundColor,
|
||||
scaffoldBackgroundColor: lightBackground,
|
||||
cardColor: lightSurface,
|
||||
appBarTheme: const AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: true,
|
||||
backgroundColor: primaryColor,
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor: lightSurface,
|
||||
foregroundColor: lightTextPrimary,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
titleTextStyle: TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: lightTextPrimary,
|
||||
letterSpacing: 0.3,
|
||||
),
|
||||
),
|
||||
cardTheme: CardThemeData(
|
||||
elevation: 2,
|
||||
elevation: 0,
|
||||
color: lightSurface,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
margin: EdgeInsets.zero,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
side: const BorderSide(color: lightBorder, width: 1),
|
||||
),
|
||||
),
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
|
||||
elevation: 0,
|
||||
backgroundColor: activePrimary,
|
||||
foregroundColor: Colors.white,
|
||||
minimumSize: const Size(double.infinity, 50),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w600,
|
||||
letterSpacing: 0.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
floatingActionButtonTheme: const FloatingActionButtonThemeData(
|
||||
backgroundColor: primaryColor,
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: lightTextPrimary,
|
||||
minimumSize: const Size(double.infinity, 50),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
side: const BorderSide(color: lightBorder, width: 1.5),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
chipTheme: ChipThemeData(
|
||||
backgroundColor: lightSurfaceVariant,
|
||||
selectedColor: activePrimary.withValues(alpha: 0.15),
|
||||
labelStyle: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: lightTextPrimary,
|
||||
),
|
||||
secondaryLabelStyle: TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: activePrimary,
|
||||
),
|
||||
side: const BorderSide(color: lightBorder, width: 1),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||
),
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: lightSurfaceVariant,
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: lightBorder),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: lightBorder),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: activePrimary, width: 1.8),
|
||||
),
|
||||
labelStyle: const TextStyle(color: lightTextSecondary),
|
||||
hintStyle: const TextStyle(color: lightTextMuted),
|
||||
),
|
||||
dividerTheme: const DividerThemeData(
|
||||
color: lightBorder,
|
||||
thickness: 1,
|
||||
space: 24,
|
||||
),
|
||||
floatingActionButtonTheme: FloatingActionButtonThemeData(
|
||||
backgroundColor: activePrimary,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 3,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(16)),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
static ThemeData get darkTheme {
|
||||
static ThemeData buildDarkTheme(AppAccentColor accent) {
|
||||
final activePrimary = accent.color;
|
||||
|
||||
return ThemeData(
|
||||
useMaterial3: true,
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: primaryColor,
|
||||
brightness: Brightness.dark,
|
||||
brightness: Brightness.dark,
|
||||
colorScheme: ColorScheme.dark(
|
||||
primary: activePrimary,
|
||||
secondary: secondaryColor,
|
||||
surface: darkSurface,
|
||||
error: errorColor,
|
||||
onPrimary: Colors.white,
|
||||
onSecondary: Colors.white,
|
||||
onSurface: darkTextPrimary,
|
||||
onError: Colors.white,
|
||||
outline: darkBorder,
|
||||
),
|
||||
scaffoldBackgroundColor: darkBackground,
|
||||
cardColor: darkSurface,
|
||||
appBarTheme: const AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: true,
|
||||
backgroundColor: darkBackground,
|
||||
foregroundColor: darkTextPrimary,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
titleTextStyle: TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: darkTextPrimary,
|
||||
letterSpacing: 0.3,
|
||||
),
|
||||
),
|
||||
cardTheme: CardThemeData(
|
||||
elevation: 2,
|
||||
elevation: 0,
|
||||
color: darkSurface,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
margin: EdgeInsets.zero,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
side: const BorderSide(color: darkBorder, width: 1),
|
||||
),
|
||||
),
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
elevation: 0,
|
||||
backgroundColor: activePrimary,
|
||||
foregroundColor: Colors.white,
|
||||
minimumSize: const Size(double.infinity, 50),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w600,
|
||||
letterSpacing: 0.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: darkTextPrimary,
|
||||
minimumSize: const Size(double.infinity, 50),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
side: const BorderSide(color: darkBorder, width: 1.5),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
chipTheme: ChipThemeData(
|
||||
backgroundColor: darkSurfaceElevated,
|
||||
selectedColor: activePrimary.withValues(alpha: 0.2),
|
||||
labelStyle: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: darkTextPrimary,
|
||||
),
|
||||
secondaryLabelStyle: TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: activePrimary,
|
||||
),
|
||||
side: const BorderSide(color: darkBorder, width: 1),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
|
||||
),
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: darkSurfaceElevated,
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: darkBorder),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: darkBorder),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: activePrimary, width: 1.8),
|
||||
),
|
||||
labelStyle: const TextStyle(color: darkTextSecondary),
|
||||
hintStyle: const TextStyle(color: darkTextMuted),
|
||||
),
|
||||
dividerTheme: const DividerThemeData(
|
||||
color: darkBorder,
|
||||
thickness: 1,
|
||||
space: 24,
|
||||
),
|
||||
floatingActionButtonTheme: FloatingActionButtonThemeData(
|
||||
backgroundColor: activePrimary,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 3,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(16)),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
@@ -1,36 +1,59 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
import 'app_theme.dart';
|
||||
|
||||
class ThemeProvider with ChangeNotifier {
|
||||
static const String _themeModeKey = 'user_theme_mode';
|
||||
|
||||
static const String _accentKey = 'user_accent_color';
|
||||
|
||||
ThemeMode _themeMode = ThemeMode.system;
|
||||
AppAccentColor _accent = AppAccentColor.blue;
|
||||
|
||||
ThemeMode get themeMode => _themeMode;
|
||||
AppAccentColor get currentAccent => _accent;
|
||||
Color get primaryColor => _accent.color;
|
||||
|
||||
ThemeData get lightTheme => AppTheme.buildLightTheme(_accent);
|
||||
ThemeData get darkTheme => AppTheme.buildDarkTheme(_accent);
|
||||
|
||||
ThemeProvider() {
|
||||
loadThemeMode();
|
||||
loadSettings();
|
||||
}
|
||||
|
||||
Future<void> loadThemeMode() async {
|
||||
Future<void> loadSettings() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
final modeIndex = prefs.getInt(_themeModeKey);
|
||||
final accentId = prefs.getString(_accentKey);
|
||||
|
||||
if (modeIndex != null) {
|
||||
_themeMode = ThemeMode.values[modeIndex];
|
||||
notifyListeners();
|
||||
}
|
||||
if (accentId != null) {
|
||||
_accent = AppAccentColor.fromId(accentId);
|
||||
}
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
Future<void> setThemeMode(ThemeMode mode) async {
|
||||
if (_themeMode == mode) return;
|
||||
|
||||
|
||||
_themeMode = mode;
|
||||
notifyListeners();
|
||||
|
||||
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setInt(_themeModeKey, mode.index);
|
||||
}
|
||||
|
||||
Future<void> setAccent(AppAccentColor accent) async {
|
||||
if (_accent.id == accent.id) return;
|
||||
|
||||
_accent = accent;
|
||||
notifyListeners();
|
||||
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setString(_accentKey, accent.id);
|
||||
}
|
||||
|
||||
String get themeModeName {
|
||||
switch (_themeMode) {
|
||||
case ThemeMode.system:
|
||||
|
||||
@@ -0,0 +1,109 @@
|
||||
import 'dart:ui';
|
||||
import 'package:flutter/material.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
|
||||
/// Conteneur avec effet de verre givré (Glassmorphism),
|
||||
/// bordures translucides fines et reflets subtils pour casser l'aspect standard Flutter.
|
||||
class GlassContainer extends StatelessWidget {
|
||||
final Widget child;
|
||||
final double borderRadius;
|
||||
final double blur;
|
||||
final EdgeInsetsGeometry padding;
|
||||
final EdgeInsetsGeometry margin;
|
||||
final Color? customBackgroundColor;
|
||||
final Color? borderColor;
|
||||
final Color? glowColor;
|
||||
final VoidCallback? onTap;
|
||||
final VoidCallback? onLongPress;
|
||||
|
||||
const GlassContainer({
|
||||
super.key,
|
||||
required this.child,
|
||||
this.borderRadius = 18.0,
|
||||
this.blur = 12.0,
|
||||
this.padding = const EdgeInsets.all(16.0),
|
||||
this.margin = EdgeInsets.zero,
|
||||
this.customBackgroundColor,
|
||||
this.borderColor,
|
||||
this.glowColor,
|
||||
this.onTap,
|
||||
this.onLongPress,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
final defaultBg = isDark
|
||||
? const Color(0xFF141C26).withValues(alpha: 0.72)
|
||||
: Colors.white.withValues(alpha: 0.82);
|
||||
|
||||
final defaultBorder = isDark
|
||||
? Colors.white.withValues(alpha: 0.12)
|
||||
: Colors.black.withValues(alpha: 0.08);
|
||||
|
||||
final resolvedBorderColor = borderColor ?? defaultBorder;
|
||||
final resolvedBg = customBackgroundColor ?? defaultBg;
|
||||
|
||||
Widget content = Container(
|
||||
padding: padding,
|
||||
decoration: BoxDecoration(
|
||||
color: resolvedBg,
|
||||
borderRadius: BorderRadius.circular(borderRadius),
|
||||
border: Border.all(color: resolvedBorderColor, width: 1.2),
|
||||
boxShadow: [
|
||||
if (glowColor != null)
|
||||
BoxShadow(
|
||||
color: glowColor!.withValues(alpha: isDark ? 0.25 : 0.15),
|
||||
blurRadius: 18,
|
||||
spreadRadius: -2,
|
||||
offset: const Offset(0, 4),
|
||||
)
|
||||
else
|
||||
BoxShadow(
|
||||
color: Colors.black.withValues(alpha: isDark ? 0.28 : 0.04),
|
||||
blurRadius: 16,
|
||||
offset: const Offset(0, 6),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: child,
|
||||
);
|
||||
|
||||
if (blur > 0) {
|
||||
content = ClipRRect(
|
||||
borderRadius: BorderRadius.circular(borderRadius),
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: blur, sigmaY: blur),
|
||||
child: content,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
content = ClipRRect(
|
||||
borderRadius: BorderRadius.circular(borderRadius),
|
||||
child: content,
|
||||
);
|
||||
}
|
||||
|
||||
if (margin != EdgeInsets.zero) {
|
||||
content = Padding(padding: margin, child: content);
|
||||
}
|
||||
|
||||
if (onTap != null || onLongPress != null) {
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(borderRadius),
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(borderRadius),
|
||||
onTap: onTap,
|
||||
onLongPress: onLongPress,
|
||||
splashColor: (glowColor ?? AppTheme.primaryColor).withValues(alpha: 0.15),
|
||||
highlightColor: (glowColor ?? AppTheme.primaryColor).withValues(alpha: 0.08),
|
||||
child: content,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return content;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,335 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../data/models/weapon.dart';
|
||||
|
||||
/// Widget affichant une icône vectorielle stylisée et fidèle pour chaque type d'arme.
|
||||
class WeaponTypeIcon extends StatelessWidget {
|
||||
final WeaponType type;
|
||||
final Color? color;
|
||||
final double size;
|
||||
|
||||
const WeaponTypeIcon({
|
||||
super.key,
|
||||
required this.type,
|
||||
this.color,
|
||||
this.size = 24,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final effectiveColor = color ?? Theme.of(context).colorScheme.primary;
|
||||
|
||||
return CustomPaint(
|
||||
size: Size(size, size),
|
||||
painter: _WeaponTypePainter(
|
||||
type: type,
|
||||
color: effectiveColor,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _WeaponTypePainter extends CustomPainter {
|
||||
final WeaponType type;
|
||||
final Color color;
|
||||
|
||||
_WeaponTypePainter({
|
||||
required this.type,
|
||||
required this.color,
|
||||
});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final fillPaint = Paint()
|
||||
..color = color
|
||||
..style = PaintingStyle.fill
|
||||
..isAntiAlias = true;
|
||||
|
||||
final strokePaint = Paint()
|
||||
..color = color
|
||||
..style = PaintingStyle.stroke
|
||||
..strokeWidth = 1.0
|
||||
..strokeCap = StrokeCap.round
|
||||
..strokeJoin = StrokeJoin.round
|
||||
..isAntiAlias = true;
|
||||
|
||||
canvas.save();
|
||||
// Normalisation sur une grille 32x32 pour un rendu très précis
|
||||
final scale = size.width / 32.0;
|
||||
canvas.scale(scale, scale);
|
||||
|
||||
switch (type) {
|
||||
case WeaponType.handgun:
|
||||
_drawGlock(canvas, fillPaint, strokePaint);
|
||||
break;
|
||||
case WeaponType.rifle:
|
||||
_drawKalashnikov(canvas, fillPaint, strokePaint);
|
||||
break;
|
||||
case WeaponType.shotgun:
|
||||
_drawPumpShotgun(canvas, fillPaint, strokePaint);
|
||||
break;
|
||||
case WeaponType.airgun:
|
||||
_drawAirgun(canvas, fillPaint, strokePaint);
|
||||
break;
|
||||
}
|
||||
|
||||
canvas.restore();
|
||||
}
|
||||
|
||||
/// Silhouette fidèle d'un Glock : culasse carrée "boxy", pontet angulaire et poignée ergonomique
|
||||
void _drawGlock(Canvas canvas, Paint fillPaint, Paint strokePaint) {
|
||||
// 1. Culasse rectangulaire Glock (Slide)
|
||||
final slidePath = Path();
|
||||
slidePath.moveTo(4, 9);
|
||||
slidePath.lineTo(26.5, 9); // dessus de culasse
|
||||
slidePath.lineTo(27.5, 10); // chanfrein nez avant
|
||||
slidePath.lineTo(27.5, 14.5); // bouche du canon
|
||||
slidePath.lineTo(4, 14.5); // bas de culasse
|
||||
slidePath.lineTo(3.5, 13); // chanfrein arrière
|
||||
slidePath.lineTo(3.5, 10);
|
||||
slidePath.close();
|
||||
canvas.drawPath(slidePath, fillPaint);
|
||||
|
||||
// Organes de visée Glock
|
||||
// Cran de mire arrière carré
|
||||
canvas.drawRect(const Rect.fromLTWH(5, 7.2, 2.5, 1.8), fillPaint);
|
||||
// Guidon avant
|
||||
canvas.drawRect(const Rect.fromLTWH(24.5, 7.2, 1.8, 1.8), fillPaint);
|
||||
|
||||
// 2. Carcasse inférieure & Poignée (Frame & Grip)
|
||||
final framePath = Path();
|
||||
framePath.moveTo(4, 14.5);
|
||||
framePath.lineTo(26, 14.5); // rail picatinny avant
|
||||
framePath.lineTo(25.5, 16.5);
|
||||
framePath.lineTo(17.5, 16.5); // bas du rail avant pontet
|
||||
framePath.lineTo(17.5, 19.5); // face avant du pontet carré Glock
|
||||
framePath.lineTo(12.5, 20.5); // bas du pontet
|
||||
framePath.lineTo(12, 17.5); // jonction détente / poignée avant
|
||||
framePath.lineTo(9.5, 27); // poignée avant avec empreinte
|
||||
framePath.lineTo(4.5, 27); // talon de chargeur / magwell
|
||||
framePath.lineTo(8, 16.5); // dos de poignée / beavertail Glock
|
||||
framePath.lineTo(4, 15.5);
|
||||
framePath.close();
|
||||
canvas.drawPath(framePath, fillPaint);
|
||||
|
||||
// 3. Queue de détente Safe Action
|
||||
final triggerPath = Path();
|
||||
triggerPath.moveTo(15.5, 15.5);
|
||||
triggerPath.quadraticBezierTo(14, 17.5, 15.2, 19);
|
||||
canvas.drawPath(triggerPath, strokePaint..strokeWidth = 1.3);
|
||||
|
||||
// 4. Stries de préhension arrière (Serrations)
|
||||
for (double i = 6; i <= 10; i += 1.5) {
|
||||
canvas.drawLine(
|
||||
Offset(i, 10),
|
||||
Offset(i, 13.5),
|
||||
Paint()
|
||||
..color = Colors.black.withValues(alpha: 0.35)
|
||||
..strokeWidth = 0.8,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// Silhouette fidèle d'une Kalashnikov (AK-47 / AKM) : chargeur banane, emprunt de gaz et guidon haut
|
||||
void _drawKalashnikov(Canvas canvas, Paint fillPaint, Paint strokePaint) {
|
||||
// 1. Crosse arrière en bois / épaule
|
||||
final stockPath = Path();
|
||||
stockPath.moveTo(1.5, 13);
|
||||
stockPath.lineTo(8, 14.5);
|
||||
stockPath.lineTo(8, 18);
|
||||
stockPath.lineTo(1.5, 20.5);
|
||||
stockPath.close();
|
||||
canvas.drawPath(stockPath, fillPaint);
|
||||
|
||||
// 2. Boîtier de culasse (Receiver) & Capot supérieur
|
||||
final receiverPath = Path();
|
||||
receiverPath.moveTo(8, 13.5);
|
||||
receiverPath.lineTo(17, 13.5);
|
||||
receiverPath.lineTo(17, 18);
|
||||
receiverPath.lineTo(8, 18);
|
||||
receiverPath.close();
|
||||
canvas.drawPath(receiverPath, fillPaint);
|
||||
|
||||
// 3. Garde-main & Tube d'emprunt de gaz supérieur
|
||||
final handguardPath = Path();
|
||||
handguardPath.moveTo(17, 13.5);
|
||||
handguardPath.lineTo(24, 13.5);
|
||||
handguardPath.lineTo(24, 17);
|
||||
handguardPath.lineTo(17, 17);
|
||||
handguardPath.close();
|
||||
canvas.drawPath(handguardPath, fillPaint);
|
||||
|
||||
// 4. Canon fin avant & Bloc guidon Kalash
|
||||
final barrelPath = Path();
|
||||
barrelPath.moveTo(24, 14.5);
|
||||
barrelPath.lineTo(30.5, 14.5);
|
||||
barrelPath.lineTo(30.5, 16);
|
||||
barrelPath.lineTo(24, 16);
|
||||
barrelPath.close();
|
||||
canvas.drawPath(barrelPath, fillPaint);
|
||||
|
||||
// Bloc guidon triangulaire surélevé avant
|
||||
final frontSightPath = Path();
|
||||
frontSightPath.moveTo(28, 14.5);
|
||||
frontSightPath.lineTo(29, 11);
|
||||
frontSightPath.lineTo(30, 14.5);
|
||||
frontSightPath.close();
|
||||
canvas.drawPath(frontSightPath, fillPaint);
|
||||
|
||||
// Hausse arrière au dessus du boîtier
|
||||
canvas.drawRect(const Rect.fromLTWH(16.5, 12, 2, 1.5), fillPaint);
|
||||
|
||||
// 5. Chargeur courbé "banane" emblématique (30 coups)
|
||||
final magPath = Path();
|
||||
magPath.moveTo(14, 18);
|
||||
magPath.lineTo(16.5, 18);
|
||||
magPath.quadraticBezierTo(17.5, 22.5, 15, 26);
|
||||
magPath.lineTo(12, 25.5);
|
||||
magPath.quadraticBezierTo(14, 22, 13.5, 18);
|
||||
magPath.close();
|
||||
canvas.drawPath(magPath, fillPaint);
|
||||
|
||||
// 6. Poignée pistolet séparée
|
||||
final gripPath = Path();
|
||||
gripPath.moveTo(8.5, 18);
|
||||
gripPath.lineTo(10.5, 18);
|
||||
gripPath.lineTo(9.5, 23.5);
|
||||
gripPath.lineTo(7.5, 23);
|
||||
gripPath.close();
|
||||
canvas.drawPath(gripPath, fillPaint);
|
||||
|
||||
// 7. Pontet et détente
|
||||
final triggerGuard = Path();
|
||||
triggerGuard.moveTo(11, 18);
|
||||
triggerGuard.quadraticBezierTo(11.5, 20, 13, 19.5);
|
||||
canvas.drawPath(triggerGuard, strokePaint..strokeWidth = 1.0);
|
||||
}
|
||||
|
||||
/// Silhouette fidèle d'un Fusil à Pompe (Pump Action Shotgun : type Remington 870)
|
||||
void _drawPumpShotgun(Canvas canvas, Paint fillPaint, Paint strokePaint) {
|
||||
// 1. Crosse arrière traditionnelle ergonomique
|
||||
final stockPath = Path();
|
||||
stockPath.moveTo(1, 14.5);
|
||||
stockPath.lineTo(9, 15.5);
|
||||
stockPath.lineTo(9, 19.5);
|
||||
stockPath.lineTo(6.5, 20); // poignée semi-pistolet
|
||||
stockPath.lineTo(1, 21.5);
|
||||
stockPath.close();
|
||||
canvas.drawPath(stockPath, fillPaint);
|
||||
|
||||
// 2. Boîtier de culasse récepteur (Receiver)
|
||||
final receiverPath = Path();
|
||||
receiverPath.moveTo(9, 14);
|
||||
receiverPath.lineTo(16.5, 14);
|
||||
receiverPath.lineTo(16.5, 19);
|
||||
receiverPath.lineTo(9, 19);
|
||||
receiverPath.close();
|
||||
canvas.drawPath(receiverPath, fillPaint);
|
||||
|
||||
// 3. Canon long calibre 12 (Barrel)
|
||||
final barrelPath = Path();
|
||||
barrelPath.moveTo(16.5, 14);
|
||||
barrelPath.lineTo(31, 14);
|
||||
barrelPath.lineTo(31, 15.5);
|
||||
barrelPath.lineTo(16.5, 15.5);
|
||||
barrelPath.close();
|
||||
canvas.drawPath(barrelPath, fillPaint);
|
||||
|
||||
// Grain d'orge / mire avant sur le canon
|
||||
canvas.drawCircle(const Offset(30, 13.2), 0.8, fillPaint);
|
||||
|
||||
// 4. Tube magasin inférieur sous le canon
|
||||
final magTubePath = Path();
|
||||
magTubePath.moveTo(16.5, 16);
|
||||
magTubePath.lineTo(27, 16);
|
||||
magTubePath.lineTo(27, 17.5);
|
||||
magTubePath.lineTo(16.5, 17.5);
|
||||
magTubePath.close();
|
||||
canvas.drawPath(magTubePath, fillPaint);
|
||||
|
||||
// Bague de fixation canon / tube magasin
|
||||
canvas.drawRect(const Rect.fromLTWH(26, 14, 1.2, 4), fillPaint);
|
||||
|
||||
// 5. Pompe mobile striée d'actionnement (Forend / Pump)
|
||||
final pumpPath = Path();
|
||||
pumpPath.addRRect(RRect.fromRectAndRadius(
|
||||
const Rect.fromLTWH(18, 15.5, 6.5, 3.5),
|
||||
const Radius.circular(0.8),
|
||||
));
|
||||
canvas.drawPath(pumpPath, fillPaint);
|
||||
|
||||
// Stries sur la pompe
|
||||
for (double x = 19.5; x <= 23.5; x += 1.3) {
|
||||
canvas.drawLine(
|
||||
Offset(x, 16),
|
||||
Offset(x, 18.5),
|
||||
Paint()
|
||||
..color = Colors.black.withValues(alpha: 0.4)
|
||||
..strokeWidth = 0.6,
|
||||
);
|
||||
}
|
||||
|
||||
// 6. Pontet et détente
|
||||
final triggerGuard = Path();
|
||||
triggerGuard.moveTo(10, 19);
|
||||
triggerGuard.quadraticBezierTo(11.5, 21.5, 13.5, 20);
|
||||
triggerGuard.lineTo(13.5, 19);
|
||||
canvas.drawPath(triggerGuard, strokePaint..strokeWidth = 1.0);
|
||||
}
|
||||
|
||||
/// Silhouette fidèle d'une arme à air comprimé / cible plomb (Airgun)
|
||||
void _drawAirgun(Canvas canvas, Paint fillPaint, Paint strokePaint) {
|
||||
// Pistolet match 10m / Airgun olympique avec réservoir d'air cylindrique
|
||||
// 1. Canon supérieur et boîtier
|
||||
final barrelPath = Path();
|
||||
barrelPath.moveTo(4, 12);
|
||||
barrelPath.lineTo(28, 12);
|
||||
barrelPath.lineTo(28, 14);
|
||||
barrelPath.lineTo(4, 14);
|
||||
barrelPath.close();
|
||||
canvas.drawPath(barrelPath, fillPaint);
|
||||
|
||||
// Organes de visée match : dioptre arrière et tunnel de guidon avant
|
||||
canvas.drawRect(const Rect.fromLTWH(4.5, 9.5, 3, 2.5), fillPaint);
|
||||
canvas.drawRect(const Rect.fromLTWH(25, 10, 2.5, 2), fillPaint);
|
||||
|
||||
// 2. Bonbonne d'air comprimé cylindrique inférieure (Cylinder)
|
||||
final tankPath = Path();
|
||||
tankPath.addRRect(RRect.fromRectAndRadius(
|
||||
const Rect.fromLTWH(10, 14.5, 15, 3),
|
||||
const Radius.circular(1.5),
|
||||
));
|
||||
canvas.drawPath(tankPath, fillPaint);
|
||||
|
||||
// Manomètre avant
|
||||
canvas.drawCircle(const Offset(25, 16), 1.2, strokePaint..strokeWidth = 0.8);
|
||||
|
||||
// 3. Poignée anatomique bois de tir sportif avec repose-paume
|
||||
final gripPath = Path();
|
||||
gripPath.moveTo(6, 14);
|
||||
gripPath.lineTo(10, 14);
|
||||
gripPath.lineTo(9.5, 23.5);
|
||||
gripPath.lineTo(3.5, 22.5);
|
||||
gripPath.close();
|
||||
canvas.drawPath(gripPath, fillPaint);
|
||||
|
||||
// Tablette repose-paume réglable
|
||||
canvas.drawRRect(
|
||||
RRect.fromRectAndRadius(
|
||||
const Rect.fromLTWH(2, 22.5, 9, 2.2),
|
||||
const Radius.circular(0.8),
|
||||
),
|
||||
fillPaint,
|
||||
);
|
||||
|
||||
// 4. Pontet match
|
||||
final guardPath = Path();
|
||||
guardPath.moveTo(10, 14.5);
|
||||
guardPath.quadraticBezierTo(12, 18.5, 9.5, 18.5);
|
||||
canvas.drawPath(guardPath, strokePaint..strokeWidth = 1.0);
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant _WeaponTypePainter oldDelegate) {
|
||||
return oldDelegate.type != type || oldDelegate.color != color;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user