Allow slider adjust by mouse wheel/click

Author: saddam213

OnnxStack.UI/Behaviors/SliderMouseWheelBehavior.cs

@@ -0,0 +1,53 @@
+using Microsoft.Xaml.Behaviors;
+using System.Windows.Controls;
+using System.Windows.Input;
+
+namespace OnnxStack.UI.Behaviors
+{
+    public class SliderMouseWheelBehavior : Behavior<Slider>
+    {
+        /// <summary>
+        /// Handles the PreviewMouseWheel event of the AssociatedObject control.
+        /// </summary>
+        /// <param name="sender">The source of the event.</param>
+        /// <param name="e">The <see cref="MouseWheelEventArgs"/> instance containing the event data.</param>
+        private void AssociatedObject_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
+        {
+            var slider = (Slider)sender;
+            if (e.Delta > 0)
+            {
+                slider.Value += slider.TickFrequency;
+            }
+            else
+            {
+                slider.Value -= slider.TickFrequency;
+            }
+        }
+
+
+        /// <summary>
+        /// Called after the behavior is attached to an AssociatedObject.
+        /// </summary>
+        /// <remarks>
+        /// Override this to hook up functionality to the AssociatedObject.
+        /// </remarks>
+        protected override void OnAttached()
+        {
+            base.OnAttached();
+            AssociatedObject.PreviewMouseWheel += AssociatedObject_PreviewMouseWheel;
+        }
+
+
+        /// <summary>
+        /// Called when the behavior is being detached from its AssociatedObject, but before it has actually occurred.
+        /// </summary>
+        /// <remarks>
+        /// Override this to unhook functionality from the AssociatedObject.
+        /// </remarks>
+        protected override void OnDetaching()
+        {
+            base.OnDetaching();
+            AssociatedObject.PreviewMouseWheel -= AssociatedObject_PreviewMouseWheel;
+        }
+    }
+}

OnnxStack.UI/OnnxStack.UI.csproj

@@ -48,6 +48,7 @@
 
     <ItemGroup>
         <PackageReference Include="Microsoft.ML.OnnxRuntime.DirectML" Version="1.16.1" />
+        <PackageReference Include="Microsoft.Xaml.Behaviors.Wpf" Version="1.1.39" />
         <PackageReference Include="OnnxStack.StableDiffusion" Version="0.4.0" Condition=" '$(Configuration)' == 'Release' " />
         <ProjectReference Include="..\OnnxStack.StableDiffusion\OnnxStack.StableDiffusion.csproj" />
     </ItemGroup>

OnnxStack.UI/UserControls/SchedulerControl.xaml

@@ -3,7 +3,9 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
              xmlns:local="clr-namespace:OnnxStack.UI.Views"
+             xmlns:behaviors="clr-namespace:OnnxStack.UI.Behaviors"
              xmlns:userControls="clr-namespace:OnnxStack.UI.UserControls"
              mc:Ignorable="d" 
              d:DesignWidth="500" Name="UI">
@@ -51,14 +53,22 @@
                                 <Label>Inference Steps</Label>
                                 <TextBlock Text="{Binding ElementName=SliderInferenceSteps, Path=Value, StringFormat={}{0}}" VerticalAlignment="Bottom" HorizontalAlignment="Right" FontSize="10" Margin="0,0,6,0" FontWeight="Medium" />
                             </DockPanel>
-                            <Slider Name="SliderInferenceSteps" Value="{Binding SchedulerOptions.InferenceSteps}" Minimum="4" Maximum="100" TickFrequency="1" IsSnapToTickEnabled="true"/>
+                            <Slider Name="SliderInferenceSteps" Value="{Binding SchedulerOptions.InferenceSteps}" Minimum="4" Maximum="100" TickFrequency="1" IsSnapToTickEnabled="True" SmallChange="0.1" LargeChange="0.1" >
+                                <i:Interaction.Behaviors>
+                                    <behaviors:SliderMouseWheelBehavior />
+                                </i:Interaction.Behaviors>
+                            </Slider>
                         </StackPanel>
                         <StackPanel Margin="5,0,0,0">
                             <DockPanel>
                                 <Label>Guidance Scale</Label>
                                 <TextBlock Text="{Binding ElementName=SliderGuidanceScale, Path=Value, StringFormat={}{0:F2}}" VerticalAlignment="Bottom" HorizontalAlignment="Right" FontSize="10" Margin="0,0,6,0" FontWeight="Medium" />
                             </DockPanel>
-                            <Slider Name="SliderGuidanceScale" Value="{Binding SchedulerOptions.GuidanceScale}" Minimum="0" Maximum="30" TickFrequency="0.1" IsSnapToTickEnabled="true"/>
+                            <Slider Name="SliderGuidanceScale" Value="{Binding SchedulerOptions.GuidanceScale}" Minimum="0" Maximum="30" TickFrequency="0.1" IsSnapToTickEnabled="True" SmallChange="0.1" LargeChange="0.1">
+                                <i:Interaction.Behaviors>
+                                    <behaviors:SliderMouseWheelBehavior />
+                                </i:Interaction.Behaviors>
+                            </Slider>
                         </StackPanel>
                     </UniformGrid>
 
@@ -78,15 +88,23 @@
                                 <Label>Initial Noise</Label>
                                 <TextBlock Text="{Binding ElementName=SliderInitialNoiseLevel, Path=Value, StringFormat={}{0:F2}}" VerticalAlignment="Bottom" HorizontalAlignment="Right" FontSize="10" Margin="0,0,6,0" FontWeight="Medium" />
                             </DockPanel>
-                            <Slider Name="SliderInitialNoiseLevel" Value="{Binding SchedulerOptions.InitialNoiseLevel}" Minimum="-1" Maximum="1" TickFrequency="0.1" IsSnapToTickEnabled="true"/>
+                            <Slider Name="SliderInitialNoiseLevel" Value="{Binding SchedulerOptions.InitialNoiseLevel}" Minimum="-1" Maximum="1" TickFrequency="0.1" IsSnapToTickEnabled="true" SmallChange="0.1" LargeChange="0.1">
+                                <i:Interaction.Behaviors>
+                                    <behaviors:SliderMouseWheelBehavior />
+                                </i:Interaction.Behaviors>
+                            </Slider>
                         </StackPanel>
 
                         <StackPanel Margin="5,0,0,0">
                             <DockPanel>
                                 <Label>Strength</Label>
                                 <TextBlock Text="{Binding ElementName=SliderStrength, Path=Value, StringFormat={}{0:F2}}" VerticalAlignment="Bottom" HorizontalAlignment="Right" FontSize="10" Margin="0,0,6,0" FontWeight="Medium" />
                             </DockPanel>
-                            <Slider Name="SliderStrength" Value="{Binding SchedulerOptions.Strength}" Minimum="0" Maximum="1" TickFrequency="0.01" IsSnapToTickEnabled="true"/>
+                            <Slider Name="SliderStrength" Value="{Binding SchedulerOptions.Strength}" Minimum="0" Maximum="1" TickFrequency="0.01" IsSnapToTickEnabled="true" SmallChange="0.01" LargeChange="0.01">
+                                <i:Interaction.Behaviors>
+                                    <behaviors:SliderMouseWheelBehavior />
+                                </i:Interaction.Behaviors>
+                            </Slider>
                         </StackPanel>
                     </UniformGrid>