Merge pull request #594 from lymnyx/playback-speed

Add playback speed option to song menu

lib/components/AlbumScreen/preset_chip.dart

@@ -0,0 +1,161 @@
+import 'dart:math';
+import 'package:flutter/material.dart';
+import 'package:finamp/services/queue_service.dart';
+import 'package:get_it/get_it.dart';
+
+const _radius = Radius.circular(4);
+const _borderRadius = BorderRadius.all(_radius);
+final _defaultBackgroundColour = Colors.white.withOpacity(0.1);
+const _spacing = 8.0;
+
+enum PresetTypes {
+  speed,
+}
+
+class PresetChips extends StatefulWidget {
+  const PresetChips({
+    Key? key,
+    required this.type,
+    required this.values,
+    required this.activeValue,
+    this.onTap,
+    this.mainColour,
+    this.onPresetSelected,
+    this.chipWidth = 64.0,
+    this.chipHeight = 44.0,
+  }) : super(key: key);
+
+  final PresetTypes type;
+
+  final List<double> values;
+  final double activeValue;
+  final Function()? onTap;
+  final Color? mainColour; // used for different background colours
+  final Function()? onPresetSelected;
+  final double chipWidth;
+  final double chipHeight;
+
+  @override
+  State<PresetChips> createState() => _PresetChipsState();
+}
+
+class _PresetChipsState extends State<PresetChips> {
+  final _queueService = GetIt.instance<QueueService>();
+  final _controller = ScrollController();
+  bool scrolledAlready = false;
+
+  void scrollToActivePreset(double currentValue, double maxWidth) {
+    if (!_controller.hasClients) return;
+    var offset = widget.chipWidth * widget.values.indexOf(currentValue) +
+        widget.chipWidth / 2 -
+        maxWidth / 2 -
+        _spacing / 2;
+
+    offset = min(max(0, offset),
+        widget.chipWidth * (widget.values.length) - maxWidth - _spacing);
+
+    _controller.animateTo(
+      offset,
+      duration: Duration(milliseconds: 350),
+      curve: Curves.easeOutCubic,
+    );
+  }
+
+  PresetChip generatePresetChip(value, BoxConstraints constraints) {
+    // Scroll to the active preset
+    if (value == widget.activeValue) {
+      if (scrolledAlready) {
+        scrollToActivePreset(value, constraints.maxWidth);
+      } else {
+        Future.delayed(Duration(milliseconds: 200), () {
+          scrollToActivePreset(value, constraints.maxWidth);
+        });
+        scrolledAlready = true;
+      }
+    }
+
+    final stringValue = "x$value";
+
+    return PresetChip(
+      value: stringValue,
+      backgroundColour:
+          widget.mainColour?.withOpacity(value == widget.activeValue
+              ? 0.6
+              : (value == 1.0)
+                  ? 0.3
+                  : 0.1),
+      isSelected: value == widget.activeValue,
+      isPresetDefault: value == 1.0,
+      width: widget.chipWidth,
+      height: widget.chipHeight,
+      onTap: () {
+        setState(() {});
+        _queueService.playbackSpeed = value;
+        widget.onPresetSelected?.call();
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(builder: (context, constraints) {
+      return SingleChildScrollView(
+        controller: _controller,
+        scrollDirection: Axis.horizontal,
+        child: Wrap(
+          spacing: _spacing,
+          crossAxisAlignment: WrapCrossAlignment.center,
+          children: List.generate(widget.values.length,
+              (index) => generatePresetChip(widget.values[index], constraints)),
+        ),
+      );
+    });
+  }
+}
+
+class PresetChip extends StatelessWidget {
+  const PresetChip({
+    Key? key,
+    required this.width,
+    required this.height,
+    this.value = "",
+    this.onTap,
+    this.backgroundColour,
+    this.isSelected,
+    this.isPresetDefault,
+  }) : super(key: key);
+
+  final double width;
+  final double height;
+  final String value;
+  final void Function()? onTap;
+  final Color? backgroundColour;
+  final bool? isSelected;
+  final bool? isPresetDefault;
+
+  @override
+  Widget build(BuildContext context) {
+    final backgroundColor = backgroundColour ?? _defaultBackgroundColour;
+    final color = Theme.of(context).textTheme.bodySmall?.color ?? Colors.white;
+
+    return TextButton(
+      style: TextButton.styleFrom(
+        backgroundColor: backgroundColor,
+        shape: const RoundedRectangleBorder(borderRadius: _borderRadius),
+        minimumSize: Size(width, height),
+        padding: const EdgeInsets.symmetric(horizontal: 2.0),
+        visualDensity: VisualDensity.compact,
+      ),
+      onPressed: onTap,
+      child: Text(
+        value,
+        style: TextStyle(
+          color: color,
+          overflow: TextOverflow.visible,
+          fontWeight: isSelected! ? FontWeight.w800 : FontWeight.normal,
+        ),
+        softWrap: false,
+      ),
+    );
+  }
+}

lib/components/AlbumScreen/song_list_tile.dart

@@ -183,7 +183,7 @@ class _SongListTileState extends ConsumerState<SongListTile>
                     if (widget.showPlayCount)
                       TextSpan(
                         text:
-                            "· ${AppLocalizations.of(context)!.playCountValue(widget.item.userData?.playCount ?? 0)}",
+                            " · ${AppLocalizations.of(context)!.playCountValue(widget.item.userData?.playCount ?? 0)}",
                         style:
                             TextStyle(color: Theme.of(context).disabledColor),
                       ),
@@ -358,11 +358,12 @@ class _SongListTileState extends ConsumerState<SongListTile>
                 if (!mounted) return false;
 
                 GlobalSnackbar.message(
-                  (scaffold) => FinampSettingsHelper.finampSettings.swipeInsertQueueNext
-                      ? AppLocalizations.of(scaffold)!
-                          .confirmAddToNextUp("track")
-                      : AppLocalizations.of(scaffold)!
-                          .confirmAddToQueue("track"),
+                  (scaffold) =>
+                      FinampSettingsHelper.finampSettings.swipeInsertQueueNext
+                          ? AppLocalizations.of(scaffold)!
+                              .confirmAddToNextUp("track")
+                          : AppLocalizations.of(scaffold)!
+                              .confirmAddToQueue("track"),
                   isConfirmation: true,
                 );