wpf slider 进度条的样式模板，带有进度颜色显示

最新推荐文章于 2025-11-28 03:56:38 发布

原创

最新推荐文章于 2025-11-28 03:56:38 发布 · 6.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #slider template

本文介绍了如何在WPF中自定义Slider控件的样式模板，以实现带有颜色显示的进度条效果。通过在前台代码中应用特定模板，可以轻松创建具有视觉吸引力的进度条组件。

<span style="font-family: Arial; background-color: rgb(255, 255, 255);">效果图：</span>

只需在前台加上这段代码即可：

<Window x:Class="WpfAppSlider.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>

        <LinearGradientBrush x:Key="SliderBackground"  StartPoint="0,0" EndPoint="0,1">
            <GradientStop Offset="0" Color="#59ccfc"/>
            <GradientStop Offset="0.5" Color="#00b3fe"/>
            <GradientStop Offset="1" Color="#59ccfc"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="SliderThumb"  StartPoint="0,0" EndPoint="0,1">
            <GradientStop Offset="0" Color="#FFD9D3E8"/>
            <!--<GradientStop Offs