308 lines
8.7 KiB
Dart
308 lines
8.7 KiB
Dart
import 'dart:async';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class BreathingMode {
|
|
final String name;
|
|
final String description;
|
|
final int inhale;
|
|
final int hold;
|
|
final int exhale;
|
|
final Color color;
|
|
|
|
BreathingMode({
|
|
required this.name,
|
|
required this.description,
|
|
required this.inhale,
|
|
required this.hold,
|
|
required this.exhale,
|
|
required this.color,
|
|
});
|
|
}
|
|
|
|
class BreathingScreen extends StatefulWidget {
|
|
const BreathingScreen({super.key});
|
|
|
|
@override
|
|
State<BreathingScreen> createState() => _BreathingScreenState();
|
|
}
|
|
|
|
class _BreathingScreenState extends State<BreathingScreen> with TickerProviderStateMixin {
|
|
late AnimationController _controller;
|
|
late Animation<double> _animation;
|
|
|
|
final List<BreathingMode> _modes = [
|
|
BreathingMode(
|
|
name: "7-4-8",
|
|
description: "Sommeil & Détente profonde",
|
|
inhale: 7,
|
|
hold: 4,
|
|
exhale: 8,
|
|
color: Colors.indigo,
|
|
),
|
|
BreathingMode(
|
|
name: "5-5",
|
|
description: "Cohérence Cardiaque classique",
|
|
inhale: 5,
|
|
hold: 0,
|
|
exhale: 5,
|
|
color: Colors.teal,
|
|
),
|
|
BreathingMode(
|
|
name: "4-6",
|
|
description: "Réduction rapide du stress",
|
|
inhale: 4,
|
|
hold: 0,
|
|
exhale: 6,
|
|
color: Colors.orange,
|
|
),
|
|
];
|
|
|
|
late BreathingMode _selectedMode;
|
|
bool _isStarted = false;
|
|
String _actionText = "Prêt ?";
|
|
int _secondsRemaining = 0;
|
|
Timer? _timer;
|
|
int _phaseSecondsRemaining = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_selectedMode = _modes[1]; // 5-5 par défaut
|
|
_setupController();
|
|
}
|
|
|
|
void _setupController() {
|
|
_controller = AnimationController(vsync: this);
|
|
_animation = Tween<double>(begin: 0.6, end: 1.0).animate(
|
|
CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
|
|
);
|
|
}
|
|
|
|
Future<void> _runExercise() async {
|
|
while (_isStarted && _secondsRemaining > 0) {
|
|
// Phase 1 : Inspiration
|
|
if (!_isStarted) break;
|
|
setState(() => _actionText = "Inspirez");
|
|
_controller.duration = Duration(seconds: _selectedMode.inhale);
|
|
_controller.forward();
|
|
await _waitForPhase(_selectedMode.inhale);
|
|
|
|
// Phase 2 : Apnée (Hold)
|
|
if (!_isStarted) break;
|
|
if (_selectedMode.hold > 0) {
|
|
setState(() => _actionText = "Bloquez");
|
|
await _waitForPhase(_selectedMode.hold);
|
|
}
|
|
|
|
// Phase 3 : Expiration
|
|
if (!_isStarted) break;
|
|
setState(() => _actionText = "Expirez");
|
|
_controller.duration = Duration(seconds: _selectedMode.exhale);
|
|
_controller.reverse();
|
|
await _waitForPhase(_selectedMode.exhale);
|
|
}
|
|
if (_isStarted) _stopExercise();
|
|
}
|
|
|
|
Future<void> _waitForPhase(int seconds) async {
|
|
_phaseSecondsRemaining = seconds;
|
|
for (int i = 0; i < seconds; i++) {
|
|
if (!_isStarted) return;
|
|
await Future.delayed(const Duration(seconds: 1));
|
|
if (mounted) setState(() => _phaseSecondsRemaining--);
|
|
}
|
|
}
|
|
|
|
void _startExercise() {
|
|
setState(() {
|
|
_isStarted = true;
|
|
_secondsRemaining = 300; // 5 minutes
|
|
});
|
|
|
|
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
|
if (_secondsRemaining > 0) {
|
|
setState(() => _secondsRemaining--);
|
|
} else {
|
|
_stopExercise();
|
|
}
|
|
});
|
|
|
|
_runExercise();
|
|
}
|
|
|
|
void _stopExercise() {
|
|
_timer?.cancel();
|
|
_controller.stop();
|
|
_controller.reset();
|
|
setState(() {
|
|
_isStarted = false;
|
|
_actionText = "Prêt ?";
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_timer?.cancel();
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
String _formatTime(int seconds) {
|
|
int mins = seconds ~/ 60;
|
|
int secs = seconds % 60;
|
|
return "$mins:${secs.toString().padLeft(2, '0')}";
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: AppBar(
|
|
title: const Text('Respiration Guidée', style: TextStyle(fontWeight: FontWeight.bold)),
|
|
elevation: 0,
|
|
backgroundColor: Colors.white,
|
|
),
|
|
body: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(horizontal: 24),
|
|
child: Column(
|
|
children: [
|
|
if (!_isStarted) ...[
|
|
const SizedBox(height: 20),
|
|
const Text(
|
|
"Choisissez votre exercice",
|
|
style: TextStyle(fontSize: 18, color: Colors.grey),
|
|
),
|
|
const SizedBox(height: 20),
|
|
..._modes.map((mode) => _buildModeCard(mode)).toList(),
|
|
] else ...[
|
|
const SizedBox(height: 40),
|
|
Text(
|
|
_formatTime(_secondsRemaining),
|
|
style: const TextStyle(fontSize: 32, fontWeight: FontWeight.bold, letterSpacing: 2),
|
|
),
|
|
const Spacer(),
|
|
_buildAnimatedCircle(),
|
|
const SizedBox(height: 20),
|
|
if (_phaseSecondsRemaining > 0)
|
|
Text(
|
|
"$_phaseSecondsRemaining",
|
|
style: TextStyle(fontSize: 40, fontWeight: FontWeight.w300, color: _selectedMode.color),
|
|
),
|
|
const Spacer(),
|
|
ElevatedButton(
|
|
onPressed: _stopExercise,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red.shade50,
|
|
foregroundColor: Colors.red,
|
|
elevation: 0,
|
|
padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 15),
|
|
),
|
|
child: const Text("ARRÊTER LA SESSION", style: TextStyle(fontWeight: FontWeight.bold)),
|
|
),
|
|
const SizedBox(height: 40),
|
|
]
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildModeCard(BreathingMode mode) {
|
|
final isSelected = _selectedMode == mode;
|
|
return GestureDetector(
|
|
onTap: () => setState(() => _selectedMode = mode),
|
|
child: Container(
|
|
margin: const EdgeInsets.only(bottom: 16),
|
|
padding: const EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
color: isSelected ? mode.color.withOpacity(0.05) : Colors.white,
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(
|
|
color: isSelected ? mode.color : Colors.grey.shade200,
|
|
width: isSelected ? 2 : 1,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: mode.color.withOpacity(0.1),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(Icons.air, color: mode.color),
|
|
),
|
|
const SizedBox(width: 20),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(mode.name, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
|
|
Text(mode.description, style: TextStyle(color: Colors.grey.shade600, fontSize: 13)),
|
|
],
|
|
),
|
|
),
|
|
if (isSelected)
|
|
ElevatedButton(
|
|
onPressed: _startExercise,
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: mode.color,
|
|
foregroundColor: Colors.white,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
|
),
|
|
child: const Text("GO"),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAnimatedCircle() {
|
|
return ScaleTransition(
|
|
scale: _animation,
|
|
child: Container(
|
|
width: 250,
|
|
height: 250,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
gradient: RadialGradient(
|
|
colors: [
|
|
_selectedMode.color.withOpacity(0.2),
|
|
_selectedMode.color.withOpacity(0.05),
|
|
],
|
|
),
|
|
border: Border.all(color: _selectedMode.color.withOpacity(0.3), width: 8),
|
|
),
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
// Logo de méditation en fond
|
|
Opacity(
|
|
opacity: 0.1,
|
|
child: Image.asset(
|
|
'assets/images/CesiZen logo.png',
|
|
width: 150,
|
|
),
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
_actionText,
|
|
style: TextStyle(
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.bold,
|
|
color: _selectedMode.color,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|