|
|
|
@ -1,12 +1,15 @@ |
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
import 'package:flutter_bloc/flutter_bloc.dart'; |
|
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|
|
|
import 'package:flutter_svg/flutter_svg.dart'; |
|
|
|
import 'package:my_flutter_puzzle/application/states/image_splitter_state.dart'; |
|
|
|
import 'package:my_flutter_puzzle/application/states/puzzle_state.dart'; |
|
|
|
import 'package:my_flutter_puzzle/cubits/count_down_timer_cubit.dart'; |
|
|
|
import 'package:my_flutter_puzzle/models/puzzle_data.dart'; |
|
|
|
import 'package:my_flutter_puzzle/providers.dart'; |
|
|
|
import 'package:my_flutter_puzzle/res/puzzle_constants.dart'; |
|
|
|
import 'package:my_flutter_puzzle/utils/extensions/context_extension.dart'; |
|
|
|
import 'package:my_flutter_puzzle/utils/extensions/string_extensions.dart'; |
|
|
|
import 'package:my_flutter_puzzle/utils/puzzle_solver.dart'; |
|
|
|
import 'package:my_flutter_puzzle/utils/utils.dart'; |
|
|
|
import 'package:my_flutter_puzzle/widgets/photo_screen/image_viewer.dart'; |
|
|
|
@ -25,6 +28,7 @@ class PhotoScreenLarge extends ConsumerStatefulWidget { |
|
|
|
required this.puzzleSize, |
|
|
|
required this.riveController, |
|
|
|
required this.duration, |
|
|
|
required this.level, |
|
|
|
Key? key, |
|
|
|
}) : super(key: key); |
|
|
|
|
|
|
|
@ -32,10 +36,12 @@ class PhotoScreenLarge extends ConsumerStatefulWidget { |
|
|
|
final PuzzleData initialPuzzleData; |
|
|
|
final int puzzleSize; |
|
|
|
final int duration; |
|
|
|
final int level; |
|
|
|
final RiveAnimationController riveController; |
|
|
|
|
|
|
|
@override |
|
|
|
ConsumerState<ConsumerStatefulWidget> createState() => _SoloScreenLargeState(); |
|
|
|
ConsumerState<ConsumerStatefulWidget> createState() => |
|
|
|
_SoloScreenLargeState(); |
|
|
|
} |
|
|
|
|
|
|
|
class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
@ -65,7 +71,8 @@ class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
|
|
|
|
@override |
|
|
|
Widget build(BuildContext context) { |
|
|
|
ref.listen(puzzleNotifierProvider(_solverClient), (previous, PuzzleState next) { |
|
|
|
ref.listen(puzzleNotifierProvider(_solverClient), |
|
|
|
(previous, PuzzleState next) { |
|
|
|
if (next is PuzzleInitializing) { |
|
|
|
setState(() { |
|
|
|
_isStartPressed = true; |
|
|
|
@ -83,9 +90,11 @@ class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
_previousImage = next.image; |
|
|
|
_previousPalette = next.palette; |
|
|
|
}); |
|
|
|
ref.read(puzzleNotifierProvider(_solverClient).notifier).initializePuzzle( |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
); |
|
|
|
ref |
|
|
|
.read(puzzleNotifierProvider(_solverClient).notifier) |
|
|
|
.initializePuzzle( |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
@ -95,101 +104,127 @@ class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
return true; |
|
|
|
}, |
|
|
|
child: Scaffold( |
|
|
|
backgroundColor: Theme.of(context).colorScheme.background, |
|
|
|
backgroundColor: const Color(0xff4400CE), |
|
|
|
body: SafeArea( |
|
|
|
child: Row( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
|
|
children: [ |
|
|
|
Padding( |
|
|
|
padding: const EdgeInsetsDirectional.symmetric(horizontal: 10), |
|
|
|
child: Column( |
|
|
|
child: Padding( |
|
|
|
padding: EdgeInsets.symmetric( |
|
|
|
horizontal: context.width * 30 / 812, |
|
|
|
vertical: context.height * 20 / 375, |
|
|
|
), |
|
|
|
child: Row( |
|
|
|
children: [ |
|
|
|
Column( |
|
|
|
mainAxisAlignment: MainAxisAlignment.center, |
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
children: [ |
|
|
|
Visibility( |
|
|
|
visible: !_isStartPressed, |
|
|
|
child: ImageViewer( |
|
|
|
puzzleSize: _puzzleSize, |
|
|
|
previousImage: _previousImage, |
|
|
|
previousPalette: _previousPalette, |
|
|
|
imageSize: 200, |
|
|
|
), |
|
|
|
Row( |
|
|
|
children: [ |
|
|
|
SvgPicture.asset('flash'.svgPath), |
|
|
|
const SizedBox(width: 8), |
|
|
|
Text( |
|
|
|
'Level ${widget.level}', |
|
|
|
style: const TextStyle( |
|
|
|
color: Colors.white, |
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
fontSize: 16, |
|
|
|
), |
|
|
|
), |
|
|
|
const SizedBox(width: 18), |
|
|
|
GestureDetector( |
|
|
|
onTap: _resetTimer, |
|
|
|
child: Container( |
|
|
|
width: context.width * 22 / 540, |
|
|
|
height: context.width * 22 / 540, |
|
|
|
padding: const EdgeInsets.all(5), |
|
|
|
margin: const EdgeInsets.symmetric(vertical: 3), |
|
|
|
decoration: const BoxDecoration( |
|
|
|
color: Colors.white, |
|
|
|
shape: BoxShape.circle, |
|
|
|
), |
|
|
|
child: SvgPicture.asset('refresh'.svgPath), |
|
|
|
), |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
const SizedBox(height: 32), |
|
|
|
MovesTilesWidget(solverClient: _solverClient, fontSize: 16), |
|
|
|
const SizedBox(height: 32), |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
SingleChildScrollView( |
|
|
|
child: Column( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|
|
|
children: [ |
|
|
|
CountDownTimerWidget( |
|
|
|
duration: widget.duration, |
|
|
|
finishCallback: () { |
|
|
|
if (!_puzzleSolved) { |
|
|
|
Utils.instance.showToast(context, 'TimeOut'); |
|
|
|
Future.delayed(const Duration(milliseconds: 1500), () { |
|
|
|
Navigator.pop(context); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
const SizedBox(height: 21), |
|
|
|
ImageViewer( |
|
|
|
puzzleSize: _puzzleSize, |
|
|
|
previousImage: _previousImage, |
|
|
|
previousPalette: _previousPalette, |
|
|
|
imageSize: 200, |
|
|
|
), |
|
|
|
const SizedBox(height: 12), |
|
|
|
Consumer( |
|
|
|
builder: (context, ref, child) { |
|
|
|
final state = ref.watch(imageSplitterNotifierProvider); |
|
|
|
|
|
|
|
return state.maybeWhen( |
|
|
|
() => PuzzleWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
boardSize: _boardSize, |
|
|
|
eachBoxSize: _eachBoxSize, |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
fontSize: _fontSize, |
|
|
|
images: _previousImages, |
|
|
|
kInitialSpeed: kInitialSpeed, |
|
|
|
), |
|
|
|
complete: (image, images, palette) { |
|
|
|
_previousImages = images; |
|
|
|
_previousImage = image; |
|
|
|
_previousPalette = palette; |
|
|
|
MovesTilesWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
fontSize: 16, |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
SizedBox(width: context.width * 60 / 812), |
|
|
|
SingleChildScrollView( |
|
|
|
child: Column( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|
|
|
children: [ |
|
|
|
CountDownTimerWidget( |
|
|
|
duration: widget.duration, |
|
|
|
finishCallback: _finishTime, |
|
|
|
), |
|
|
|
const SizedBox(height: 23), |
|
|
|
Consumer( |
|
|
|
builder: (context, ref, child) { |
|
|
|
final state = ref.watch( |
|
|
|
imageSplitterNotifierProvider, |
|
|
|
); |
|
|
|
return state.maybeWhen( |
|
|
|
() => PuzzleWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
boardSize: _boardSize, |
|
|
|
eachBoxSize: _eachBoxSize, |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
fontSize: _fontSize, |
|
|
|
images: _previousImages, |
|
|
|
kInitialSpeed: kInitialSpeed, |
|
|
|
), |
|
|
|
complete: (image, images, palette) { |
|
|
|
_previousImages = images; |
|
|
|
_previousImage = image; |
|
|
|
_previousPalette = palette; |
|
|
|
|
|
|
|
return PuzzleWidget( |
|
|
|
return PuzzleWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
boardSize: _boardSize, |
|
|
|
eachBoxSize: _eachBoxSize, |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
fontSize: _fontSize, |
|
|
|
images: images, |
|
|
|
kInitialSpeed: kInitialSpeed, |
|
|
|
); |
|
|
|
}, |
|
|
|
orElse: () => PuzzleWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
boardSize: _boardSize, |
|
|
|
eachBoxSize: _eachBoxSize, |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
fontSize: _fontSize, |
|
|
|
images: images, |
|
|
|
images: _previousImages, |
|
|
|
kInitialSpeed: kInitialSpeed, |
|
|
|
); |
|
|
|
}, |
|
|
|
orElse: () => PuzzleWidget( |
|
|
|
solverClient: _solverClient, |
|
|
|
boardSize: _boardSize, |
|
|
|
eachBoxSize: _eachBoxSize, |
|
|
|
initialPuzzleData: _initialPuzzleData, |
|
|
|
fontSize: _fontSize, |
|
|
|
images: _previousImages, |
|
|
|
kInitialSpeed: kInitialSpeed, |
|
|
|
), |
|
|
|
); |
|
|
|
}, |
|
|
|
), |
|
|
|
const SizedBox(height: 30), |
|
|
|
], |
|
|
|
), |
|
|
|
); |
|
|
|
}, |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
Padding( |
|
|
|
padding: const EdgeInsetsDirectional.symmetric(horizontal: 10), |
|
|
|
child: Stack( |
|
|
|
SizedBox(width: context.width * 38 / 812), |
|
|
|
Stack( |
|
|
|
alignment: Alignment.center, |
|
|
|
children: [ |
|
|
|
AnimatedDash( |
|
|
|
boardSize: _boardSize * 0.8, |
|
|
|
riveController: _riveController, |
|
|
|
onInit: (_) => setState(() {}), |
|
|
|
SizedBox( |
|
|
|
width: context.width * 126 / 812, |
|
|
|
height: context.height * 251 / 375, |
|
|
|
child: Image( |
|
|
|
image: AssetImage('avatar'.pngPath), |
|
|
|
), |
|
|
|
), |
|
|
|
Column( |
|
|
|
mainAxisSize: MainAxisSize.max, |
|
|
|
@ -199,7 +234,8 @@ class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
CountdownWidget( |
|
|
|
isStartPressed: _isStartPressed, |
|
|
|
onFinish: () { |
|
|
|
BlocProvider.of<CountDownTimerCubit>(context).start(); |
|
|
|
BlocProvider.of<CountDownTimerCubit>(context) |
|
|
|
.start(); |
|
|
|
setState(() { |
|
|
|
_isStartPressed = false; |
|
|
|
}); |
|
|
|
@ -210,11 +246,24 @@ class _SoloScreenLargeState extends ConsumerState<PhotoScreenLarge> { |
|
|
|
), |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
], |
|
|
|
], |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
void _finishTime() { |
|
|
|
if (!_puzzleSolved) { |
|
|
|
Utils.instance.showToast(context, 'TimeOut'); |
|
|
|
Future.delayed(const Duration(milliseconds: 1500), () { |
|
|
|
Navigator.pop(context); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
void _resetTimer() { |
|
|
|
BlocProvider.of<CountDownTimerCubit>(context).reset(); |
|
|
|
} |
|
|
|
} |
