如何在Avalonia Simple主题下通过C#修改滑块Thumb宽度？

在Simple主题中，Slider的Thumb默认样式优先级高于普通自定义样式，且主题直接设置了Thumb的Width属性，导致原Fluent主题的代码失效。可以通过以下修改实现需求：

修改后的完整代码 #

using Avalonia;
using Avalonia.Controls;
using Avalonia.Styling;
using Avalonia.Controls.Primitives;

class MainClass
{
    public static void Main(string[] args)
    {
        AppBuilder.Configure<Application>().UsePlatformDetect().Start(AppMain, args);
    }

    public static void AppMain(Application app, string[] args)
    {
        // 替换为Simple主题
        app.Styles.Add(new Avalonia.Themes.Simple.SimpleTheme());
        
        var win = new Window { Width = 500, Height = 50, };
        var slider = new Slider { Width = 480, };
        
        slider.Styles.Add(
            new Style(x => x.OfType<Slider>().Descendant().OfType<Thumb>())
            {
                // 提高样式优先级，覆盖主题默认样式
                Priority = StylePriority.SlightlyHigher,
                Setters = { 
                    new Setter(Thumb.WidthProperty, 50.0),
                    new Setter(Thumb.MinWidthProperty, 50.0)
                }
            });

        win.Content = slider;
        win.Show();
        app.Run(win);
    }
}

关键修改点说明 #

• 切换主题：将FluentTheme替换为SimpleTheme
• 提高样式优先级：添加Priority = StylePriority.SlightlyHigher，确保自定义样式能覆盖主题自带的Thumb样式
• 同时设置Width和MinWidth：Simple主题直接指定了Thumb的固定宽度，仅设置MinWidth无法覆盖，需同时设置Width属性强制修改尺寸

内容的提问来源于stack exchange，提问作者Stevens Miller