非移动端修改为左侧导航

lib/features/player/view/audiobook_player.dart

@@ -235,3 +235,57 @@ class AudiobookChapterProgressBar extends HookConsumerWidget {
 
 // ! TODO remove onTap
 void onTap() {}
+
+class ProportionalAdjuster {
+  final double minValue;
+  final double maxValue;
+
+  ProportionalAdjuster({this.minValue = 0.0, this.maxValue = 1.0});
+
+  double adjust(double value, double ratio, {AdjustMethod method = AdjustMethod.linear}) {
+    switch (method) {
+      case AdjustMethod.linear:
+        return _linearAdjust(value, ratio);
+      case AdjustMethod.exponential:
+        return _exponentialAdjust(value, ratio);
+      case AdjustMethod.smooth:
+        return _smoothAdjust(value, ratio);
+    }
+  }
+
+  double _linearAdjust(double value, double ratio) {
+    if (value <= minValue) return minValue;
+    if (value >= maxValue) return maxValue;
+
+    double newValue;
+    if (ratio > 1) {
+      newValue = value + (maxValue - value) * (ratio - 1);
+    } else {
+      newValue = value * ratio;
+    }
+
+    return newValue.clamp(minValue, maxValue);
+  }
+
+  double _exponentialAdjust(double value, double ratio) {
+    if (value <= minValue) return minValue;
+    if (value >= maxValue) return maxValue;
+
+    double newValue;
+    if (ratio > 1) {
+      newValue = maxValue - (maxValue - value) / ratio;
+    } else {
+      newValue = value * ratio;
+    }
+
+    return newValue.clamp(minValue, maxValue);
+  }
+
+  double _smoothAdjust(double value, double progress) {
+    progress = progress.clamp(0.0, 1.0);
+    double target = value > (minValue + maxValue) / 2 ? maxValue : minValue;
+    return value + (target - value) * progress;
+  }
+}
+
+enum AdjustMethod { linear, exponential, smooth }

lib/features/player/view/player_when_expanded.dart

@@ -43,9 +43,16 @@ class PlayerWhenExpanded extends HookConsumerWidget {
           earlyEnd,
         )
         .clamp(0.0, 1.0);
-
     final currentChapter = ref.watch(currentPlayingChapterProvider);
     final currentBookMetadata = ref.watch(currentBookMetadataProvider);
+
+    final adjuster = ProportionalAdjuster();
+    final chapterPercentage = adjuster.adjust(earlyPercentage, 1.1);
+    final authorPercentage = adjuster.adjust(earlyPercentage, 1.2);
+    final progressPercentage = adjuster.adjust(earlyPercentage, 1.4);
+    final playPercentage = adjuster.adjust(earlyPercentage, 1.6);
+    final settingsPercentage = adjuster.adjust(earlyPercentage, 1.8);
+
     return Column(
       children: [
         // sized box for system status bar; not needed as not full screen
@@ -128,9 +135,9 @@ class PlayerWhenExpanded extends HookConsumerWidget {
         ),
 
         // the chapter title
-        if (earlyPercentage > 0.4)
+        if (chapterPercentage >= 1)
           Opacity(
-            opacity: earlyPercentage,
+            opacity: chapterPercentage,
             child: Padding(
               padding: EdgeInsets.only(
                 top: AppElementSizes.paddingRegular * 4 * earlyPercentage,
@@ -152,9 +159,9 @@ class PlayerWhenExpanded extends HookConsumerWidget {
           ),
 
         // the book name and author
-        if (earlyPercentage > 0.5)
+        if (authorPercentage >= 1)
           Opacity(
-            opacity: earlyPercentage,
+            opacity: authorPercentage,
             child: Padding(
               padding: EdgeInsets.only(
                 bottom: AppElementSizes.paddingRegular * earlyPercentage,
@@ -177,17 +184,17 @@ class PlayerWhenExpanded extends HookConsumerWidget {
               // ),
             ),
           ),
+        if (authorPercentage >= 1) const Spacer(),
 
-        if (earlyPercentage > 0.5) const Spacer(),
         // the progress bar
-        if (earlyPercentage > 0.6)
+        if (progressPercentage >= 1)
           Opacity(
-            opacity: earlyPercentage,
+            opacity: progressPercentage,
             child: SizedBox(
               width: imageSize,
               child: Padding(
                 padding: EdgeInsets.only(
-                  top: AppElementSizes.paddingRegular * earlyPercentage,
+                  // top: AppElementSizes.paddingRegular * earlyPercentage,
                   left: AppElementSizes.paddingRegular * earlyPercentage,
                   right: AppElementSizes.paddingRegular * earlyPercentage,
                 ),
@@ -195,12 +202,12 @@ class PlayerWhenExpanded extends HookConsumerWidget {
               ),
             ),
           ),
-        if (earlyPercentage > 0.6) const Spacer(),
+        if (progressPercentage >= 1) const Spacer(),
 
         // the chapter skip buttons, seek 30 seconds back and forward, and play/pause button
-        if (earlyPercentage > 0.8)
+        if (playPercentage >= 1)
           Opacity(
-            opacity: earlyPercentage,
+            opacity: playPercentage,
             child: SizedBox(
               width: imageSize,
               child: Row(
@@ -221,23 +228,26 @@ class PlayerWhenExpanded extends HookConsumerWidget {
               ),
             ),
           ),
-        if (earlyPercentage > 0.8) const Spacer(),
+        if (playPercentage >= 1) const Spacer(),
 
         // speed control, sleep timer, chapter list, and settings
-        if (earlyPercentage > 0.9)
+        if (settingsPercentage >= 1)
           Opacity(
-            opacity: earlyPercentage,
-            child: Padding(
-              padding: EdgeInsets.only(
-                bottom: AppElementSizes.paddingRegular * 4 * earlyPercentage,
-              ),
+            opacity: settingsPercentage,
+            child: SizedBox(
+              // padding: EdgeInsets.only(
+              //   bottom: AppElementSizes.paddingRegular * 4 * earlyPercentage,
+              // ),
+              width: imageSize,
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                 children: [
                   // speed control
                   const PlayerSpeedAdjustButton(),
+                  const Spacer(),
                   // sleep timer
                   const SleepTimerButton(),
+                  const Spacer(),
                   // chapter list
                   const ChapterSelectionButton(),
                   // settings

lib/features/player/view/player_when_minimized.dart

@@ -37,8 +37,12 @@ class PlayerWhenMinimized extends HookConsumerWidget {
     final bookMetaExpanded = ref.watch(currentBookMetadataProvider);
 
     var barHeight = vanishingPercentage * 3;
+
+    final adjuster = ProportionalAdjuster();
+    final rewindPercentage = adjuster.adjust(vanishingPercentage, 1.5);
+    final playPercentage = adjuster.adjust(vanishingPercentage, 1.8);
     return Stack(
-      alignment: Alignment.bottomCenter,
+      alignment: Alignment.topCenter,
       children: [
         Row(
           children: [
@@ -100,11 +104,10 @@ class PlayerWhenMinimized extends HookConsumerWidget {
             //     controller.animateToHeight(state: PanelState.MAX);
             //   },
             // ),
-
             // rewind button
-            if (vanishingPercentage > 0.6)
+            if (rewindPercentage >= 1)
               Opacity(
-                opacity: vanishingPercentage,
+                opacity: rewindPercentage,
                 child: Padding(
                   padding: const EdgeInsets.only(left: 8),
                   child: IconButton(
@@ -117,9 +120,9 @@ class PlayerWhenMinimized extends HookConsumerWidget {
                 ),
               ),
             // play/pause button
-            if (vanishingPercentage > 0.8)
+            if (playPercentage >= 1)
               Opacity(
-                opacity: vanishingPercentage,
+                opacity: playPercentage,
                 child: Padding(
                   padding: const EdgeInsets.only(right: 8),
                   child: AudiobookPlayerPlayPauseButton(
@@ -129,6 +132,7 @@ class PlayerWhenMinimized extends HookConsumerWidget {
               ),
           ],
         ),
+        const Spacer(),
         SizedBox(
           height: barHeight,
           child: LinearProgressIndicator(