gabehf/Fladder
1
0
Fork 0
mirror of https://github.com/gabehf/Fladder.git synced 2026-03-14 09:46:01 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: Added a small animation to skip button

Browse source
This commit is contained in:
PartyDonut 2024-11-29 13:30:46 +01:00
parent a06591084b
commit 9442a5bd41
2 changed files with 36 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

21
lib/screens/video_player/components/video_player_controls_extras.dart
View file

@ -2,9 +2,12 @@ import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:fladder/models/items/media_segments_model.dart';
import 'package:fladder/providers/video_player_provider.dart'; import 'package:fladder/providers/video_player_provider.dart';
import 'package:fladder/screens/shared/animated_fade_size.dart';
import 'package:fladder/screens/video_player/components/video_player_chapters.dart'; import 'package:fladder/screens/video_player/components/video_player_chapters.dart';
import 'package:fladder/screens/video_player/components/video_player_queue.dart'; import 'package:fladder/screens/video_player/components/video_player_queue.dart';
import 'package:fladder/util/localization_helper.dart';
class ChapterButton extends ConsumerWidget { class ChapterButton extends ConsumerWidget {
final Duration position; final Duration position;
@ -61,16 +64,19 @@ class OpenQueueButton extends ConsumerWidget {
} }
class SkipSegmentButton extends ConsumerWidget { class SkipSegmentButton extends ConsumerWidget {
final String label; final MediaSegment? segment;
final bool isOverlayVisible; final bool isOverlayVisible;
final Function() pressedSkip; final Function() pressedSkip;
const SkipSegmentButton({required this.label, required this.isOverlayVisible, required this.pressedSkip, super.key}); const SkipSegmentButton(
{required this.segment, required this.isOverlayVisible, required this.pressedSkip, super.key});
@override @override
Widget build(BuildContext context, WidgetRef ref) { Widget build(BuildContext context, WidgetRef ref) {
return AnimatedOpacity( return AnimatedFadeSize(
opacity: isOverlayVisible ? 0.85 : 0, child: segment != null
? AnimatedOpacity(
opacity: isOverlayVisible ? 1 : 0.15,
duration: const Duration(milliseconds: 500), duration: const Duration(milliseconds: 500),
child: ElevatedButton( child: ElevatedButton(
onPressed: pressedSkip, onPressed: pressedSkip,
@ -79,10 +85,15 @@ class SkipSegmentButton extends ConsumerWidget {
padding: const EdgeInsets.all(8), padding: const EdgeInsets.all(8),
child: Row( child: Row(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [Text(label), const Icon(Icons.skip_next_rounded)], children: [
Text(context.localized.skipButtonLabel(segment!.type.label(context))),
const Icon(Icons.skip_next_rounded)
],
), ),
), ),
), ),
)
: const SizedBox.shrink(key: Key("Other")),
); );
} }
} }

3
lib/screens/video_player/video_player_controls.dart
View file

@ -159,13 +159,12 @@ class _DesktopControlsState extends ConsumerState<DesktopControls> {
bool forceShow = segment?.forceShow(position) ?? false; bool forceShow = segment?.forceShow(position) ?? false;
return Stack( return Stack(
children: [ children: [
if (segment != null)
Align( Align(
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
child: Padding( child: Padding(
padding: const EdgeInsets.all(32), padding: const EdgeInsets.all(32),
child: SkipSegmentButton( child: SkipSegmentButton(
label: context.localized.skipButtonLabel(segment.type.label(context).toLowerCase()), segment: segment,
isOverlayVisible: forceShow ? true : showOverlay, isOverlayVisible: forceShow ? true : showOverlay,
pressedSkip: () => skipToSegmentEnd(segment), pressedSkip: () => skipToSegmentEnd(segment),
), ),