feat: add mouse scroll on volume slider #90

Author: Anthonyy232

src/Nagi.WinUI/MainPage.xaml

@@ -423,11 +423,35 @@
                                         </ItemsControl.ItemsPanel>
                                     </ItemsControl>
 
-                                    <Slider
-                                        VerticalAlignment="Center"
-                                        Style="{StaticResource VolumeSliderStyle}"
-                                        Value="{x:Bind ViewModel.CurrentVolume, Mode=TwoWay}"
-                                        Visibility="{x:Bind ViewModel.IsVolumeControlVisible, Converter={StaticResource BooleanToVisibilityConverter}, Mode=OneWay}" />
+                                    <Grid
+                                        Height="72"
+                                        Margin="-12,-20,-12,-20"
+                                        Background="Transparent"
+                                        PointerWheelChanged="VolumeSliderContainer_PointerWheelChanged">
+                                        <Grid.ColumnDefinitions>
+                                            <ColumnDefinition Width="Auto" />
+                                            <ColumnDefinition Width="*" />
+                                            <ColumnDefinition Width="Auto" />
+                                        </Grid.ColumnDefinitions>
+                                        <!-- Left padding area -->
+                                        <Rectangle
+                                            Grid.Column="0"
+                                            Width="12"
+                                            Fill="Transparent" />
+
+                                        <Slider
+                                            Grid.Column="1"
+                                            VerticalAlignment="Center"
+                                            Style="{StaticResource VolumeSliderStyle}"
+                                            Value="{x:Bind ViewModel.CurrentVolume, Mode=TwoWay}"
+                                            Visibility="{x:Bind ViewModel.IsVolumeControlVisible, Converter={StaticResource BooleanToVisibilityConverter}, Mode=OneWay}" />
+
+                                        <!-- Right padding area -->
+                                        <Rectangle
+                                            Grid.Column="2"
+                                            Width="12"
+                                            Fill="Transparent" />
+                                    </Grid>
                                 </StackPanel>
                             </Grid>
 

src/Nagi.WinUI/MainPage.xaml.cs

@@ -511,6 +511,19 @@ private async Task SavePaneStateAsync(bool isOpen)
         }
     }
 
+    private void VolumeSliderContainer_PointerWheelChanged(object sender, PointerRoutedEventArgs e)
+    {
+        var pointerPoint = e.GetCurrentPoint((UIElement)sender);
+        var delta = pointerPoint.Properties.MouseWheelDelta;
+
+        if (delta > 0)
+            ViewModel.CurrentVolume = Math.Min(100, ViewModel.CurrentVolume + VolumeChangeStep);
+        else if (delta < 0)
+            ViewModel.CurrentVolume = Math.Max(0, ViewModel.CurrentVolume - VolumeChangeStep);
+
+        e.Handled = true;
+    }
+
     /// <summary>
     ///     Restores the navigation pane state if the "remember pane state" setting is enabled.
     ///     This overrides the XAML adaptive trigger's default state.