From 2c0b09a9ad6b31bebd1ce51dbc2a1760adfdb3c4 Mon Sep 17 00:00:00 2001
From: PrefacedCorg <1876568293@qq.com>
Date: Fri, 1 May 2026 00:36:41 +0800
Subject: [PATCH] =?UTF-8?q?feat(UI):=20=E7=BB=9F=E4=B8=80=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E6=BB=91=E5=9D=97?=
 =?UTF-8?q?=E6=8E=A7=E4=BB=B6=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整多个设置页面的滑块控件布局，统一使用SimpleStackPanel水平排列滑块和数值显示文本，增加数值显示的Consolas字体样式，并统一滑块宽度为200像素
---
 .../SettingsViews/Pages/AdvancedPage.xaml     | 44 ++++++----
 .../SettingsViews/Pages/AppearancePage.xaml   | 12 +--
 .../SettingsViews/Pages/CanvasPage.xaml       | 28 +++----
 .../Pages/InkRecognitionPage.xaml             | 24 +++---
 .../SettingsViews/Pages/PowerPointPage.xaml   | 48 +++++++++--
 .../SettingsViews/Pages/RandomDrawPage.xaml   | 84 ++++++++++++-------
 6 files changed, 154 insertions(+), 86 deletions(-)

diff --git a/Ink Canvas/Windows/SettingsViews/Pages/AdvancedPage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/AdvancedPage.xaml
index d031cce9..c6a73cb8 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/AdvancedPage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/AdvancedPage.xaml	
@@ -51,12 +51,16 @@
                         <ui:SettingsExpander.HeaderIcon>
                             <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Touch}" />
                         </ui:SettingsExpander.HeaderIcon>
-                        <Slider x:Name="TouchMultiplierSlider"
-                                Minimum="0" Maximum="2"
-                                Width="200"
-                                IsSnapToTickEnabled="True"
-                                TickFrequency="0.01" TickPlacement="None"
-                                ValueChanged="TouchMultiplierSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding Value, ElementName=TouchMultiplierSlider, StringFormat={}{0:F2}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="TouchMultiplierSlider"
+                                    Minimum="0" Maximum="2"
+                                    Width="200"
+                                    IsSnapToTickEnabled="True"
+                                    TickFrequency="0.01" TickPlacement="None"
+                                    ValueChanged="TouchMultiplierSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=Advanced_TouchMultiplierCalibrateHint}"
                                              ContentAlignment="Left">
@@ -81,19 +85,27 @@
                         Toggled="ToggleSwitchEraserBindTouchMultiplier_Toggled"/>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Advanced_NibModeBoundsWidthHeader}">
-                        <Slider x:Name="NibModeBoundsWidthSlider"
-                                Minimum="1" Maximum="50" Width="200"
-                                IsSnapToTickEnabled="True" TickFrequency="1" Value="5"
-                                TickPlacement="None"
-                                ValueChanged="NibModeBoundsWidthSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding Value, ElementName=NibModeBoundsWidthSlider}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="NibModeBoundsWidthSlider"
+                                    Minimum="1" Maximum="50" Width="200"
+                                    IsSnapToTickEnabled="True" TickFrequency="1" Value="5"
+                                    TickPlacement="None"
+                                    ValueChanged="NibModeBoundsWidthSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Advanced_FingerModeBoundsWidthHeader}">
-                        <Slider x:Name="FingerModeBoundsWidthSlider"
-                                Minimum="1" Maximum="50" Width="200"
-                                IsSnapToTickEnabled="True" TickFrequency="1" Value="20"
-                                TickPlacement="None"
-                                ValueChanged="FingerModeBoundsWidthSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding Value, ElementName=FingerModeBoundsWidthSlider}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="FingerModeBoundsWidthSlider"
+                                    Minimum="1" Maximum="50" Width="200"
+                                    IsSnapToTickEnabled="True" TickFrequency="1" Value="20"
+                                    TickPlacement="None"
+                                    ValueChanged="FingerModeBoundsWidthSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <controls:LabeledSettingsCard x:Name="ToggleSwitchIsQuadIR"
diff --git a/Ink Canvas/Windows/SettingsViews/Pages/AppearancePage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/AppearancePage.xaml
index 9ed9187c..acb49bba 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/AppearancePage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/AppearancePage.xaml	
@@ -125,7 +125,7 @@
                             <TextBlock Text="{Binding ElementName=ViewboxFloatingBarScaleTransformValueSlider, Path=Value, StringFormat={}{0:F2}}"
                                        VerticalAlignment="Center" FontFamily="Consolas"/>
                             <Slider x:Name="ViewboxFloatingBarScaleTransformValueSlider" Minimum="0.5"
-                                    Maximum="1.25" Width="168"
+                                    Maximum="1.25" Width="200"
                                     IsSnapToTickEnabled="True" Value="1" TickFrequency="0.05"
                                     TickPlacement="None" AutoToolTipPlacement="None"
                                     ValueChanged="ViewboxFloatingBarScaleTransformValueSlider_ValueChanged" />
@@ -140,7 +140,7 @@
                             <TextBlock Text="{Binding ElementName=ViewboxFloatingBarOpacityValueSlider, Path=Value, StringFormat={}{0:F2}}"
                                        VerticalAlignment="Center" FontFamily="Consolas"/>
                             <Slider x:Name="ViewboxFloatingBarOpacityValueSlider" Minimum="0.3"
-                                    Maximum="1" Width="168"
+                                    Maximum="1" Width="200"
                                     IsSnapToTickEnabled="True" Value="1" TickFrequency="0.05"
                                     TickPlacement="None" AutoToolTipPlacement="None"
                                     ValueChanged="ViewboxFloatingBarOpacityValueSlider_ValueChanged" />
@@ -153,13 +153,13 @@
                             <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Play}" />
                         </ui:SettingsCard.HeaderIcon>
                         <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=ViewboxFloatingBarOpacityInPPTValueSlider, Path=Value, StringFormat={}{0:F2}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
                             <Slider x:Name="ViewboxFloatingBarOpacityInPPTValueSlider" Minimum="0.3"
-                                    Maximum="1" Width="168"
+                                    Maximum="1" Width="200"
                                     IsSnapToTickEnabled="True" Value="1" TickFrequency="0.05"
                                     TickPlacement="None" AutoToolTipPlacement="None"
                                     ValueChanged="ViewboxFloatingBarOpacityInPPTValueSlider_ValueChanged" />
-                            <TextBlock Text="{Binding ElementName=ViewboxFloatingBarOpacityInPPTValueSlider, Path=Value}"
-                                       VerticalAlignment="Center" FontFamily="Consolas" Width="40" />
                         </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
@@ -177,7 +177,7 @@
                             <TextBlock Text="{Binding ElementName=ViewboxBlackBoardScaleTransformValueSlider, Path=Value, StringFormat={}{0:F2}}"
                                        VerticalAlignment="Center" FontFamily="Consolas"/>
                             <Slider x:Name="ViewboxBlackBoardScaleTransformValueSlider" Minimum="0.5"
-                                    Maximum="1.5" Width="168"
+                                    Maximum="1.5" Width="200"
                                     IsSnapToTickEnabled="True" Value="1" TickFrequency="0.05"
                                     TickPlacement="None" AutoToolTipPlacement="None"
                                     ValueChanged="ViewboxBlackBoardScaleTransformValueSlider_ValueChanged" />
diff --git a/Ink Canvas/Windows/SettingsViews/Pages/CanvasPage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/CanvasPage.xaml
index ad7daee9..18999ddf 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/CanvasPage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/CanvasPage.xaml	
@@ -146,12 +146,12 @@
                                 Toggled="ToggleSwitchEnableInkFade_Toggled" />
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=Canvas_InkFadeTime}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
-                                    <Slider x:Name="InkFadeTimeSlider" Width="150" Minimum="1000" Maximum="10000"
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=InkFadeTimeSlider, StringFormat={}{0:0}ms}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="InkFadeTimeSlider" Width="200" Minimum="1000" Maximum="10000"
                                             Value="3000" TickFrequency="1000" IsSnapToTickEnabled="True"
                                             ValueChanged="InkFadeTimeSlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=InkFadeTimeSlider, StringFormat={}{0:0}ms}"
-                                               VerticalAlignment="Center" FontSize="14" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
@@ -195,21 +195,21 @@
                                 </ComboBox>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=Canvas_RestoreWidth}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=BrushAutoRestoreWidthSlider, StringFormat={}{0:F2}px}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
                                     <Slider x:Name="BrushAutoRestoreWidthSlider" Width="200" Minimum="1" Maximum="20"
                                             TickFrequency="1" IsSnapToTickEnabled="True" Value="5"
                                             ValueChanged="BrushAutoRestoreWidthSlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=BrushAutoRestoreWidthSlider, StringFormat={}{0:0}px}"
-                                               FontSize="12" VerticalAlignment="Center" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=Canvas_RestoreOpacity}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=BrushAutoRestoreAlphaSlider, StringFormat={}{0:0}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
                                     <Slider x:Name="BrushAutoRestoreAlphaSlider" Width="200" Minimum="0" Maximum="255"
                                             TickFrequency="5" IsSnapToTickEnabled="True"
                                             ValueChanged="BrushAutoRestoreAlphaSlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=BrushAutoRestoreAlphaSlider, StringFormat={}{0:0}}"
-                                               FontSize="12" VerticalAlignment="Center" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
@@ -229,12 +229,12 @@
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=Canvas_SwitchBackDelay}"
                                     Description="{i18n:I18n Key=Canvas_SwitchBackDelayHint}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
-                                    <Slider x:Name="EraserAutoSwitchBackDelaySlider" Width="150" Minimum="1" Maximum="60"
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=EraserAutoSwitchBackDelaySlider, StringFormat={}{0:0}秒}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="EraserAutoSwitchBackDelaySlider" Width="200" Minimum="1" Maximum="60"
                                             Value="10" TickFrequency="1" IsSnapToTickEnabled="True"
                                             ValueChanged="EraserAutoSwitchBackDelaySlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=EraserAutoSwitchBackDelaySlider, StringFormat={}{0:0}秒}"
-                                               VerticalAlignment="Center" FontSize="14" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
diff --git a/Ink Canvas/Windows/SettingsViews/Pages/InkRecognitionPage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/InkRecognitionPage.xaml
index ba137b31..e93eba09 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/InkRecognitionPage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/InkRecognitionPage.xaml	
@@ -112,21 +112,21 @@
                                 Toggled="ToggleSwitchAutoStraightenLine_Toggled" />
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=InkRecog_LengthThreshold}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
-                                    <Slider x:Name="AutoStraightenLineThresholdSlider" Width="150" Minimum="30" Maximum="300"
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=AutoStraightenLineThresholdSlider, StringFormat={}{0:0}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="AutoStraightenLineThresholdSlider" Width="200" Minimum="30" Maximum="300"
                                             Value="80" TickFrequency="30" IsSnapToTickEnabled="True"
                                             ValueChanged="AutoStraightenLineThresholdSlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=AutoStraightenLineThresholdSlider, StringFormat={}{0:0}}"
-                                               VerticalAlignment="Center" FontSize="14" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=InkRecog_Sensitivity}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
-                                    <Slider x:Name="LineStraightenSensitivitySlider" Width="150" Minimum="0.05" Maximum="2.0"
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=LineStraightenSensitivitySlider, StringFormat={}{0:F2}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="LineStraightenSensitivitySlider" Width="200" Minimum="0.05" Maximum="2.0"
                                             Value="0.20" TickFrequency="0.05" IsSnapToTickEnabled="True"
                                             ValueChanged="LineStraightenSensitivitySlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=LineStraightenSensitivitySlider, StringFormat={}{0:F2}}"
-                                               VerticalAlignment="Center" FontSize="14" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=InkRecog_HighPrecisionStraighten}"
@@ -152,12 +152,12 @@
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=InkRecog_SnappingDistance}"
                                     Description="{i18n:I18n Key=InkRecog_LineEndpointSnappingHint}">
-                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="12">
-                                    <Slider x:Name="LineEndpointSnappingThresholdSlider" Width="150" Minimum="5" Maximum="50"
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding Value, ElementName=LineEndpointSnappingThresholdSlider, StringFormat={}{0:0}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="LineEndpointSnappingThresholdSlider" Width="200" Minimum="5" Maximum="50"
                                             Value="15" TickFrequency="5" IsSnapToTickEnabled="True"
                                             ValueChanged="LineEndpointSnappingThresholdSlider_ValueChanged" />
-                                    <TextBlock Text="{Binding Value, ElementName=LineEndpointSnappingThresholdSlider, StringFormat={}{0:0}}"
-                                               VerticalAlignment="Center" FontSize="14" />
                                 </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
diff --git a/Ink Canvas/Windows/SettingsViews/Pages/PowerPointPage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/PowerPointPage.xaml
index 14a763a5..5c975dab 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/PowerPointPage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/PowerPointPage.xaml	
@@ -82,10 +82,18 @@
                         </ui:SettingsExpander.Content>
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_LeftOffset}">
-                                <Slider x:Name="PPTButtonLeftPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonLeftPositionValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTButtonLeftPositionValueSlider, Path=Value}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTButtonLeftPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonLeftPositionValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_LeftOpacity}" Visibility="{Binding IsChecked, ElementName=CheckboxSPPTHalfOpacity, Converter={StaticResource BooleanToVisibilityConverter}}">
-                                <Slider x:Name="PPTLSButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTLSButtonOpacityValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTLSButtonOpacityValueSlider, Path=Value, StringFormat={}{0:F1}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTLSButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTLSButtonOpacityValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
                     </ui:SettingsExpander>
@@ -101,10 +109,18 @@
                         </ui:SettingsExpander.Content>
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_RightOffset}">
-                                <Slider x:Name="PPTButtonRightPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonRightPositionValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTButtonRightPositionValueSlider, Path=Value}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTButtonRightPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonRightPositionValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_RightOpacity}" Visibility="{Binding IsChecked, ElementName=CheckboxSPPTHalfOpacity, Converter={StaticResource BooleanToVisibilityConverter}}">
-                                <Slider x:Name="PPTRSButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTRSButtonOpacityValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTRSButtonOpacityValueSlider, Path=Value, StringFormat={}{0:F1}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTRSButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTRSButtonOpacityValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
                     </ui:SettingsExpander>
@@ -120,10 +136,18 @@
                         </ui:SettingsExpander.Content>
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_LeftBottomOffset}">
-                                <Slider x:Name="PPTButtonLBPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonLBPositionValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTButtonLBPositionValueSlider, Path=Value}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTButtonLBPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonLBPositionValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_LeftBottomOpacity}" Visibility="{Binding IsChecked, ElementName=CheckboxBPPTHalfOpacity, Converter={StaticResource BooleanToVisibilityConverter}}">
-                                <Slider x:Name="PPTLBButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTLBButtonOpacityValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTLBButtonOpacityValueSlider, Path=Value, StringFormat={}{0:F1}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTLBButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTLBButtonOpacityValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
                     </ui:SettingsExpander>
@@ -139,10 +163,18 @@
                         </ui:SettingsExpander.Content>
                         <ui:SettingsExpander.Items>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_RightBottomOffset}">
-                                <Slider x:Name="PPTButtonRBPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonRBPositionValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTButtonRBPositionValueSlider, Path=Value}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTButtonRBPositionValueSlider" Minimum="-500" Maximum="500" Width="200" ValueChanged="PPTButtonRBPositionValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                             <ui:SettingsCard Header="{i18n:I18n Key=PPT_RightBottomOpacity}" Visibility="{Binding IsChecked, ElementName=CheckboxBPPTHalfOpacity, Converter={StaticResource BooleanToVisibilityConverter}}">
-                                <Slider x:Name="PPTRBButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTRBButtonOpacityValueSlider_ValueChanged"/>
+                                <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                                    <TextBlock Text="{Binding ElementName=PPTRBButtonOpacityValueSlider, Path=Value, StringFormat={}{0:F1}}"
+                                               VerticalAlignment="Center" FontFamily="Consolas"/>
+                                    <Slider x:Name="PPTRBButtonOpacityValueSlider" Minimum="0.1" Maximum="1.0" Width="200" ValueChanged="PPTRBButtonOpacityValueSlider_ValueChanged"/>
+                                </ikw:SimpleStackPanel>
                             </ui:SettingsCard>
                         </ui:SettingsExpander.Items>
                     </ui:SettingsExpander>
diff --git a/Ink Canvas/Windows/SettingsViews/Pages/RandomDrawPage.xaml b/Ink Canvas/Windows/SettingsViews/Pages/RandomDrawPage.xaml
index c145d223..f33a83b9 100644
--- a/Ink Canvas/Windows/SettingsViews/Pages/RandomDrawPage.xaml	
+++ b/Ink Canvas/Windows/SettingsViews/Pages/RandomDrawPage.xaml	
@@ -64,19 +64,27 @@
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Random_OnceCloseDelay}">
-                        <Slider x:Name="RandWindowOnceCloseLatencySlider"
-                                Minimum="0.5" Maximum="8" Width="200"
-                                IsSnapToTickEnabled="True" Value="2.5"
-                                TickFrequency="0.1" TickPlacement="None"
-                                ValueChanged="RandWindowOnceCloseLatencySlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=RandWindowOnceCloseLatencySlider, Path=Value, StringFormat={}{0:F1}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="RandWindowOnceCloseLatencySlider"
+                                    Minimum="0.5" Maximum="8" Width="200"
+                                    IsSnapToTickEnabled="True" Value="2.5"
+                                    TickFrequency="0.1" TickPlacement="None"
+                                    ValueChanged="RandWindowOnceCloseLatencySlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Random_OnceMaxStudents}">
-                        <Slider x:Name="RandWindowOnceMaxStudentsSlider"
-                                Minimum="0" Maximum="20" Width="200"
-                                IsSnapToTickEnabled="True" Value="10" TickFrequency="1"
-                                TickPlacement="None"
-                                ValueChanged="RandWindowOnceMaxStudentsSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=RandWindowOnceMaxStudentsSlider, Path=Value}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="RandWindowOnceMaxStudentsSlider"
+                                    Minimum="0" Maximum="20" Width="200"
+                                    IsSnapToTickEnabled="True" Value="10" TickFrequency="1"
+                                    TickPlacement="None"
+                                    ValueChanged="RandWindowOnceMaxStudentsSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}"
@@ -109,19 +117,27 @@
                         Toggled="ToggleSwitchEnableMLAvoidance_Toggled"/>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Random_ML_HistoryCount}">
-                        <Slider x:Name="MLAvoidanceHistorySlider"
-                                Minimum="5" Maximum="50" Width="200"
-                                IsSnapToTickEnabled="True" Value="50" TickFrequency="5"
-                                TickPlacement="None"
-                                ValueChanged="MLAvoidanceHistorySlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=MLAvoidanceHistorySlider, Path=Value}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="MLAvoidanceHistorySlider"
+                                    Minimum="5" Maximum="50" Width="200"
+                                    IsSnapToTickEnabled="True" Value="50" TickFrequency="5"
+                                    TickPlacement="None"
+                                    ValueChanged="MLAvoidanceHistorySlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Random_ML_Weight}">
-                        <Slider x:Name="MLAvoidanceWeightSlider"
-                                Minimum="0.1" Maximum="1.0" Width="200"
-                                IsSnapToTickEnabled="True" Value="1.0" TickFrequency="0.1"
-                                TickPlacement="None"
-                                ValueChanged="MLAvoidanceWeightSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=MLAvoidanceWeightSlider, Path=Value, StringFormat={}{0:F1}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="MLAvoidanceWeightSlider"
+                                    Minimum="0.1" Maximum="1.0" Width="200"
+                                    IsSnapToTickEnabled="True" Value="1.0" TickFrequency="0.1"
+                                    TickPlacement="None"
+                                    ValueChanged="MLAvoidanceWeightSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <TextBlock Text="{i18n:I18n Key=Random_ML_Hint}"
@@ -152,11 +168,15 @@
                         Toggled="ToggleSwitchEnableOvertimeRedText_Toggled"/>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Timer_Volume}">
-                        <Slider x:Name="TimerVolumeSlider"
-                                Minimum="0" Maximum="1" Width="200"
-                                IsSnapToTickEnabled="True" Value="1" TickFrequency="0.1"
-                                TickPlacement="None"
-                                ValueChanged="TimerVolumeSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=TimerVolumeSlider, Path=Value, StringFormat={}{0:F1}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="TimerVolumeSlider"
+                                    Minimum="0" Maximum="1" Width="200"
+                                    IsSnapToTickEnabled="True" Value="1" TickFrequency="0.1"
+                                    TickPlacement="None"
+                                    ValueChanged="TimerVolumeSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Timer_CustomSoundLabel}">
@@ -172,11 +192,15 @@
                         Toggled="ToggleSwitchEnableProgressiveReminder_Toggled"/>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Timer_ProgressiveVolume}">
-                        <Slider x:Name="ProgressiveReminderVolumeSlider"
-                                Minimum="0" Maximum="1" Width="200"
-                                IsSnapToTickEnabled="True" Value="1" TickFrequency="0.1"
-                                TickPlacement="None"
-                                ValueChanged="ProgressiveReminderVolumeSlider_ValueChanged" />
+                        <ikw:SimpleStackPanel Orientation="Horizontal" Spacing="8">
+                            <TextBlock Text="{Binding ElementName=ProgressiveReminderVolumeSlider, Path=Value, StringFormat={}{0:F1}}"
+                                       VerticalAlignment="Center" FontFamily="Consolas"/>
+                            <Slider x:Name="ProgressiveReminderVolumeSlider"
+                                    Minimum="0" Maximum="1" Width="200"
+                                    IsSnapToTickEnabled="True" Value="1" TickFrequency="0.1"
+                                    TickPlacement="None"
+                                    ValueChanged="ProgressiveReminderVolumeSlider_ValueChanged" />
+                        </ikw:SimpleStackPanel>
                     </ui:SettingsCard>
 
                     <ui:SettingsCard Header="{i18n:I18n Key=Timer_ProgressiveCustomLabel}">