效果图:

仅仅需在前台加上这段代码就可以:

  1. <UserControl.Resources>
  2. <!--笔刷-->
  3. <LinearGradientBrush x:Key="SliderBackground" StartPoint="0,0" EndPoint="0,1">
  4. <GradientStop Offset="0" Color="#59ccfc"/>
  5. <GradientStop Offset="0.5" Color="#00b3fe"/>
  6. <GradientStop Offset="1" Color="#59ccfc"/>
  7. </LinearGradientBrush>
  8. <LinearGradientBrush x:Key="SliderThumb" StartPoint="0,0" EndPoint="0,1">
  9. <GradientStop Offset="0" Color="#FFD9D3E8"/>
  10. <!--<GradientStop Offset="1" Color="#dfdfdf"/>-->
  11. </LinearGradientBrush>
  12. <LinearGradientBrush x:Key="SliderText" StartPoint="0,0" EndPoint="0,1">
  13. <GradientStop Offset="0" Color="#7cce45"/>
  14. <GradientStop Offset="1" Color="#4ea017"/>
  15. </LinearGradientBrush>
  16.  
  17. <!--Slider模板-->
  18. <Style x:Key="Slider_RepeatButton" TargetType="RepeatButton">
  19. <Setter Property="Focusable" Value="false" />
  20. <Setter Property="Template">
  21. <Setter.Value>
  22. <ControlTemplate TargetType="RepeatButton">
  23. <Border Background="{StaticResource SliderBackground}" />
  24. </ControlTemplate>
  25. </Setter.Value>
  26. </Setter>
  27. </Style>
  28.  
  29. <Style x:Key="Slider_RepeatButton1" TargetType="RepeatButton">
  30. <Setter Property="Focusable" Value="false" />
  31. <Setter Property="Template">
  32. <Setter.Value>
  33. <ControlTemplate TargetType="RepeatButton">
  34. <Border Background="Transparent" />
  35. </ControlTemplate>
  36. </Setter.Value>
  37. </Setter>
  38. </Style>
  39.  
  40. <Style x:Key="Slider_Thumb" TargetType="Thumb">
  41. <Setter Property="Focusable" Value="false" />
  42. <Setter Property="Template">
  43. <Setter.Value>
  44. <ControlTemplate TargetType="Thumb">
  45. <Grid>
  46. <Grid.ColumnDefinitions>
  47. <ColumnDefinition/>
  48. <ColumnDefinition/>
  49. </Grid.ColumnDefinitions>
  50. <Border Background="{StaticResource SliderBackground}"/>
  51. <Border Grid.ColumnSpan="2" CornerRadius="4" Background="{StaticResource SliderThumb}" Width="15">
  52. <!--<TextBlock Text="||" HorizontalAlignment="Center" VerticalAlignment="Center"/>-->
  53. </Border>
  54. </Grid>
  55. </ControlTemplate>
  56. </Setter.Value>
  57. </Setter>
  58. </Style>
  59.  
  60. <Style x:Key="Slider_CustomStyle" TargetType="Slider">
  61. <Setter Property="Focusable" Value="false" />
  62. <Setter Property="Template">
  63. <Setter.Value>
  64. <ControlTemplate TargetType="Slider">
  65. <Grid>
  66. <!--<Grid.ColumnDefinitions>
  67. <ColumnDefinition Width="80"/>
  68. <ColumnDefinition/>
  69. <ColumnDefinition Width="40"/>
  70. </Grid.ColumnDefinitions>-->
  71. <Grid.Effect>
  72. <DropShadowEffect BlurRadius="10" ShadowDepth="1" />
  73. </Grid.Effect>
  74. <!--<Border HorizontalAlignment="Right" BorderBrush="Gray" BorderThickness="1,1,0,1" Background="{StaticResource SliderText}" Width="80" CornerRadius="8,0,0,8"/>-->
  75. <!--<Border Grid.Column="2" HorizontalAlignment="Right" BorderBrush="Gray" BorderThickness="0,1,1,1" Background="{StaticResource SliderText}" Width="40" CornerRadius="0,8,8,0"/>-->
  76. <!--<TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Tag}" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14"/>-->
  77. <!--<TextBlock Grid.Column="2" Text="{Binding ElementName=PART_Track,Path=Value,StringFormat=\{0:N0\}}" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14" DataContext="{Binding}" />-->
  78. <Border Grid.Column="1" BorderBrush="Gray" BorderThickness="1" CornerRadius="8,0,0,8">
  79. <Track Grid.Column="1" Name="PART_Track">
  80. <Track.DecreaseRepeatButton>
  81. <RepeatButton Style="{StaticResource Slider_RepeatButton}"
  82. Command="Slider.DecreaseLarge"/>
  83. </Track.DecreaseRepeatButton>
  84. <Track.IncreaseRepeatButton>
  85. <RepeatButton Style="{StaticResource Slider_RepeatButton1}"
  86. Command="Slider.IncreaseLarge"/>
  87. </Track.IncreaseRepeatButton>
  88. <Track.Thumb>
  89. <Thumb Style="{StaticResource Slider_Thumb}"/>
  90. </Track.Thumb>
  91. </Track>
  92. </Border>
  93. </Grid>
  94. </ControlTemplate>
  95. </Setter.Value>
  96. </Setter>
  97. </Style>
  98. </UserControl.Resources>

在这里加入进度条的样式:

<Grid>

        <Slider  Style="{StaticResource Slider_CustomStyle}"  />

</Grid>

wpf slider进度条的样式模板,带有进度颜色显示的更多相关文章

  1. ProgressBar学习笔记,自定义横向进度条的样式(包含ActionBar上面的进度条)

     点显示进度条后→   android:max="100" 进度条的最大值 android:progress  进度条已经完成的进度值 android:progressDrawab ...

  2. C# WPF 进度条,根据读取数据显示进度条进度,根据Excel文件读取数据,进度条样式

    后台代码: //导入 private void Border_MouseLeftButtonUp_2(object sender, MouseButtonEventArgs e) { var path ...

  3. 圆形进度条css3样式

    <view class="con"> <view class="percent-circle percent-circle-left"> ...

  4. progress进度条的样式修改

    由于公司在做的公众号上需要进度条,我就想着用progress标签,可是progress标签很难修改样式,因而在网上查询了一番. 现在总结一下. progress是H5新标签,主要用于显示进度条.由于他 ...

  5. HTML5 CSS3 诱人的实例 : 网页载入进度条的实现,下载进度条等

    今天给大家带来一个比較炫的进度条,进度条在一耗时操作上给用户一个比較好的体验,不会让用户认为在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用:一般用于下载任务,删除大量任务 ...

  6. HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等

    今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用:一般用于下载任务,删除大量任务 ...

  7. css绘制进度条,持续转动的进度条

    //只有 progress pregress-par bar,进度条不会转, //增加 active 这个类,进度条会转, //html结构 <div class='progress activ ...

  8. js进度条源码下载—js进度条代码

    现在很多网站会用到进入网站特效,到网页没有加载完成的时候,会有一个loding特效,加载完了之后才能看到页面,今天就带着做一个js进度条效果,今天要做的效果是纯js进度条加载,没有用到框架,方便大家进 ...

  9. Python进度条模块tqdm实现任务进度可视化

    一.前言 tqdm 是一个易用性强.扩展性高的 Python 进度条库,可以在 Python 长循环中添加一个进度提示信息,我们只需要封装任意的迭代器 tqdm(iterator) 即可. 二.安装 ...

随机推荐

  1. headroom.js使用

    为页面顶部多留些空间.在不需要页头时将其隐藏 需要添加的css代码 .headroom { transition: transform 200ms linear; } .headroom--pinne ...

  2. Java设置全局热键——第三方包jintellitype实现

    Java原生API并不支持为应用程序设置全局热键.要实现全局热键,需要用JNI方式实现,这就涉及到编写C/C++代码,这对于大多数不熟悉C/C++的javaer来说,有点困难.不过幸好,国外有人已经实 ...

  3. unbuntu系统:python2.7安装pyspark

    以前在进行搜索引擎rank-svm排序模型训练时,直接使用python读取的HDFS日志文件.统计计算等预处理操作再进行svm模型,最终产生出训练模型.现在回想一下,数据预处理这一块完全可以使用spa ...

  4. CPU位数、操作系统位数、机器字长、C/C++基本数据类型长度

    1.CPU位数=CPU中寄存器的位数=CPU能够一次并行处理的数据宽度(位数)=数据总线宽度: //现在的计算机处理器一般都是64位,这是硬件的事. 2.CPU为了实现其功能设计了指令集,即是CPU的 ...

  5. Hive DDL&DML

    1.删除分区 ALTER TABLE table_name DROP IF EXISTS PARTITION(dt=') 如果是外部表,记得rm对应文件 2.添加分区 ALTER TABLE tabl ...

  6. 【sqli-labs】 less62 GET -Challenge -Blind -130 queries allowed -Variation1 (GET型 挑战 盲注 只允许130次查询 变化1)

    允许130次尝试,然后是个盲注漏洞,看来要单字符猜解了 加单引号,页面异常,但报错被屏蔽了 http://192.168.136.128/sqli-labs-master/Less-62/?id=1' ...

  7. vt100控制符

    vt100控制符是比较古老的字符,基本上的终端都能支持 今天突然来了兴致玩一玩儿 颜色配置 下面是我写的各种背景和字体颜色的搭配演示,挑选一种你喜欢的 echo -en "[背景\字体] & ...

  8. (转)淘淘商城系列——使用solrj来测试索引库

    http://blog.csdn.net/yerenyuan_pku/article/details/72892280 我们使用solrj来操作索引库,一般习惯先建一个单元测试类测试下增删改查方法是否 ...

  9. Beta冲刺提交-星期四

    这个作业属于哪个课程 软件工程 这个作业要求在哪里 <作业要求的链接> 团队名称 唱跳RAP编程 这个作业的目标 1.进行每日例会,每个成员汇报自己今天完成     的工作,PM安排明天的 ...

  10. 07Html、CSS

    07Html.CSS-2018/07/17 1.HTML是用来描述网页的一种标记语言,是一套标记标签.HTML用使用标记标签来描述网页.超文本 标记语言. 2.格式 <html> < ...