Myzel394/quid_faciam_hodie
1
0
Fork 0
mirror of https://github.com/Myzel394/quid_faciam_hodie.git synced 2025-06-19 15:45:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

improved camera button animation

Browse Source
This commit is contained in:
Myzel394 2022-08-17 13:43:57 +02:00
parent 833d208041
commit 4c7d55ba62
1 changed files with 40 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
lib/screens/main_screen/camera_button.dart
View File

@ -31,6 +31,7 @@ class _RecordButtonState extends State<RecordButton> {
@override
Widget build(BuildContext context) {
return GestureDetector(
// Take photo
onTap: () {
if (widget.disabled) {
return;
@ -49,15 +50,25 @@ class _RecordButtonState extends State<RecordButton> {
widget.onPhotoShot();
}
},
onLongPressDown: (_) {
// Start Video
onLongPress: () {
if (widget.disabled) {
return;
}
setState(() {
animateToVideoIcon = true;
videoInAnimationActive = true;
});
HapticFeedback.heavyImpact();
if (widget.active) {
widget.onVideoEnd();
} else {
widget.onVideoBegin();
}
},
// Stop Video
onLongPressUp: () {
if (widget.disabled) {
return;
@ -68,38 +79,43 @@ class _RecordButtonState extends State<RecordButton> {
animateToVideoIcon = false;
});
HapticFeedback.lightImpact();
if (widget.active) {
widget.onVideoEnd();
}
},
onTapCancel: () {
setState(() {
videoInAnimationActive = false;
animateToVideoIcon = false;
});
},
onPanCancel: () {
setState(() {
videoInAnimationActive = false;
animateToVideoIcon = false;
});
},
onLongPress: () {
// Animate to video icon
onTapDown: (_) {
if (widget.disabled) {
return;
}
HapticFeedback.heavyImpact();
setState(() {
animateToVideoIcon = true;
});
},
// Cancel icon animation
onTapCancel: () {
if (videoInAnimationActive || animateToVideoIcon) {
return;
}
setState(() {
videoInAnimationActive = true;
videoInAnimationActive = false;
animateToVideoIcon = false;
});
if (widget.active) {
widget.onVideoEnd();
} else {
widget.onVideoBegin();
},
// Cancel icon animation
onPanCancel: () {
if (videoInAnimationActive || animateToVideoIcon) {
return;
}
setState(() {
videoInAnimationActive = false;
animateToVideoIcon = false;
});
},
child: Opacity(
opacity: widget.disabled ? 0.5 : 1.0,
@ -134,9 +150,9 @@ class _RecordButtonState extends State<RecordButton> {
),
),
AnimatedScale(
curve: Curves.easeOutCirc,
curve: animateToVideoIcon ? Curves.easeOut : Curves.linear,
duration: animateToVideoIcon
? const Duration(milliseconds: 1000)
? const Duration(milliseconds: 250)
: OUT_DURATION,
scale: videoInAnimationActive ? 1 : .6,
child: const Icon(