From 7cf3b0f9ae17fea145147bb308ae623ff8a6425b Mon Sep 17 00:00:00 2001
From: yoyo <143886016+zrt2399@users.noreply.github.com>
Date: Mon, 23 Jun 2025 16:20:52 +0800
Subject: [PATCH] fix: reverse TickBar when Slider direction is reversed
 (#19096)

---
 samples/ControlCatalog/Pages/SliderPage.xaml    | 9 +++++++++
 src/Avalonia.Themes.Fluent/Controls/Slider.xaml | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/samples/ControlCatalog/Pages/SliderPage.xaml b/samples/ControlCatalog/Pages/SliderPage.xaml
index 9aa4322ad5..7821e885ba 100644
--- 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"
diff --git a/src/Avalonia.Themes.Fluent/Controls/Slider.xaml b/src/Avalonia.Themes.Fluent/Controls/Slider.xaml
index 5834df311c..c7e41e1a02 100644
--- 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"