Save
This commit is contained in:
@@ -1,307 +1,307 @@
|
||||
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,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
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,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user