fix: reverse TickBar when Slider direction is reversed (#19096)

8 months ago · 64f61e3e57
2 changed files with 14 additions and 1 deletions
--- a/samples/ControlCatalog/Pages/SliderPage.xaml
+++ b/samples/ControlCatalog/Pages/SliderPage.xaml
@ -21,6 +21,15 @@
                IsSnapToTickEnabled="True"
                Ticks="0,20,25,40,75,100"
                Width="300" />
+        <Slider Name="ReversedTickedSlider"
+                Value="0"
+                Minimum="0"
+                Maximum="100"
+                TickPlacement="BottomRight"
+                IsSnapToTickEnabled="True"
+                IsDirectionReversed="True"
+                Ticks="0,20,25,40,75,100"
+                Width="300" />
        <Slider Name="SliderWithTooltip"
                Value="0"
                Minimum="0"
--- a/src/Avalonia.Themes.Fluent/Controls/Slider.xaml
+++ b/src/Avalonia.Themes.Fluent/Controls/Slider.xaml
@ -129,6 +129,7 @@
                        VerticalAlignment="Bottom"
                        Placement="Top" 
                        IsVisible="False"
+                        IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
                        Fill="{DynamicResource SliderTickBarFill}"/>
                    <TickBar
                        Name="BottomTickBar"
@ -144,6 +145,7 @@
                        VerticalAlignment="Top"
                        Placement="Bottom"
                        IsVisible="False"
+                        IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
                        Fill="{DynamicResource SliderTickBarFill}" />
                    <Track
                        Name="PART_Track"
@ -225,8 +227,9 @@
                        HorizontalAlignment="Right"
                        Placement="Left"
                        IsVisible="False"
+                        IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
                        Fill="{DynamicResource SliderTickBarFill}"/>
-                    <TickBar
+                    <TickBar 
                        Name="RightTickBar"
                        Grid.RowSpan="3"
                        Grid.Column="2"
@ -240,6 +243,7 @@
                        HorizontalAlignment="Left"
                        Placement="Right" 
                        IsVisible="False"
+                        IsDirectionReversed="{TemplateBinding IsDirectionReversed}"
                        Fill="{DynamicResource SliderTickBarFill}"/>
                    <Track
                        Name="PART_Track"