ControlTemplate in WPF —

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <ResourceDictionary.MergedDictionaries>

    <ResourceDictionary Source="Shared.xaml" />

  </ResourceDictionary.MergedDictionaries>

  <!--<SnippetScrollBar>-->

  <!--<SnippetRepeatButton>-->

  <Style x:Key="ScrollBarLineButton"

         TargetType="{x:Type RepeatButton}">

    <Setter Property="SnapsToDevicePixels"

            Value="True" />

    <Setter Property="OverridesDefaultStyle"

            Value="true" />

    <Setter Property="Focusable"

            Value="false" />

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="{x:Type RepeatButton}">

          <Border x:Name="Border"

                  Margin=""

                  CornerRadius=""

                  BorderThickness="">

            <Border.BorderBrush>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="0,1">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource BorderMediumColor}"

                                  Offset="0.0" />

                    <GradientStop Color="{DynamicResource BorderDarkColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Border.BorderBrush>

            <Border.Background>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="0,1">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource ControlLightColor}"/>

                    <GradientStop Color="{DynamicResource ControlMediumColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Border.Background>

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal" />

                <VisualState x:Name="MouseOver" />

                <VisualState x:Name="Pressed">

                  <Storyboard>

                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border"

                                                  Storyboard.TargetProperty="(Panel.Background).

                      (GradientBrush.GradientStops)[].(GradientStop.Color)">

                      <EasingColorKeyFrame KeyTime=""

                                           Value="{StaticResource ControlPressedColor}" />

                    </ColorAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Arrow"

                                                  Storyboard.TargetProperty="(Shape.Fill).

                      (SolidColorBrush.Color)">

                      <EasingColorKeyFrame KeyTime=""

                                           Value="{StaticResource DisabledForegroundColor}" />

                    </ColorAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Path x:Name="Arrow"

                  HorizontalAlignment="Center"

                  VerticalAlignment="Center"

                  Data="{Binding Content,

              RelativeSource={RelativeSource TemplatedParent}}" >

                <Path.Fill>

                    <SolidColorBrush Color="{DynamicResource GlyphColor}"/>

                </Path.Fill>

            </Path>

          </Border>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>

  <!--</SnippetRepeatButton>-->

  <Style x:Key="ScrollBarPageButton"

         TargetType="{x:Type RepeatButton}">

    <Setter Property="SnapsToDevicePixels"

            Value="True" />

    <Setter Property="OverridesDefaultStyle"

            Value="true" />

    <Setter Property="IsTabStop"

            Value="false" />

    <Setter Property="Focusable"

            Value="false" />

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="{x:Type RepeatButton}">

          <Border Background="Transparent" />

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>

  <Style x:Key="ScrollBarThumb"

         TargetType="{x:Type Thumb}">

    <Setter Property="SnapsToDevicePixels"

            Value="True" />

    <Setter Property="OverridesDefaultStyle"

            Value="true" />

    <Setter Property="IsTabStop"

            Value="false" />

    <Setter Property="Focusable"

            Value="false" />

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="{x:Type Thumb}">

          <Border CornerRadius=""

                  Background="{TemplateBinding Background}"

                  BorderBrush="{TemplateBinding BorderBrush}"

                  BorderThickness="" />

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>

  <ControlTemplate x:Key="VerticalScrollBar"

                   TargetType="{x:Type ScrollBar}">

    <Grid>

      <Grid.RowDefinitions>

        <RowDefinition MaxHeight="" />

        <RowDefinition Height="0.00001*" />

        <RowDefinition MaxHeight="" />

      </Grid.RowDefinitions>

      <Border Grid.RowSpan=""

              CornerRadius=""

              Background="#F0F0F0" />

      <RepeatButton Grid.Row=""

                    Style="{StaticResource ScrollBarLineButton}"

                    Height=""

                    Command="ScrollBar.LineUpCommand"

                    Content="M 0 4 L 8 4 L 4 0 Z" />

      <Track x:Name="PART_Track"

             Grid.Row=""

             IsDirectionReversed="true">

        <Track.DecreaseRepeatButton>

          <RepeatButton Style="{StaticResource ScrollBarPageButton}"

                        Command="ScrollBar.PageUpCommand" />

        </Track.DecreaseRepeatButton>

        <Track.Thumb>

          <Thumb Style="{StaticResource ScrollBarThumb}"

                 Margin="1,0,1,0">

            <Thumb.BorderBrush>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="1,0">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource BorderLightColor}"

                                  Offset="0.0" />

                    <GradientStop Color="{DynamicResource BorderDarkColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Thumb.BorderBrush>

            <Thumb.Background>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="1,0">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource ControlLightColor}"

                                  Offset="0.0" />

                    <GradientStop Color="{DynamicResource ControlMediumColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Thumb.Background>

          </Thumb>

        </Track.Thumb>

        <Track.IncreaseRepeatButton>

          <RepeatButton Style="{StaticResource ScrollBarPageButton}"

                        Command="ScrollBar.PageDownCommand" />

        </Track.IncreaseRepeatButton>

      </Track>

      <RepeatButton Grid.Row=""

                    Style="{StaticResource ScrollBarLineButton}"

                    Height=""

                    Command="ScrollBar.LineDownCommand"

                    Content="M 0 0 L 4 4 L 8 0 Z" />

    </Grid>

  </ControlTemplate>

  <ControlTemplate x:Key="HorizontalScrollBar"

                   TargetType="{x:Type ScrollBar}">

    <Grid>

      <Grid.ColumnDefinitions>

        <ColumnDefinition MaxWidth="" />

        <ColumnDefinition Width="0.00001*" />

        <ColumnDefinition MaxWidth="" />

      </Grid.ColumnDefinitions>

      <Border Grid.ColumnSpan=""

              CornerRadius=""

              Background="#F0F0F0" />

      <RepeatButton Grid.Column=""

                    Style="{StaticResource ScrollBarLineButton}"

                    Width=""

                    Command="ScrollBar.LineLeftCommand"

                    Content="M 4 0 L 4 8 L 0 4 Z" />

      <!--<SnippetRepeatButtonStyle_a_lileib>-->

      <Track x:Name="PART_Track"

             Grid.Column=""

             IsDirectionReversed="False">

        <Track.DecreaseRepeatButton>

          <RepeatButton Style="{StaticResource ScrollBarPageButton}"

                        Command="ScrollBar.PageLeftCommand" />

        </Track.DecreaseRepeatButton>

        <Track.Thumb>

          <Thumb Style="{StaticResource ScrollBarThumb}"

                 Margin="0,1,0,1">

            <Thumb.BorderBrush>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="1,0">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource BorderLightColor}"

                                  Offset="0.0" />

                    <GradientStop Color="{DynamicResource BorderDarkColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Thumb.BorderBrush>

            <Thumb.Background>

              <LinearGradientBrush StartPoint="0,0"

                                   EndPoint="0,1">

                <LinearGradientBrush.GradientStops>

                  <GradientStopCollection>

                    <GradientStop Color="{DynamicResource ControlLightColor}"

                                  Offset="0.0" />

                    <GradientStop Color="{DynamicResource ControlMediumColor}"

                                  Offset="1.0" />

                  </GradientStopCollection>

                </LinearGradientBrush.GradientStops>

              </LinearGradientBrush>

            </Thumb.Background>

          </Thumb>

        </Track.Thumb>

        <Track.IncreaseRepeatButton>

          <RepeatButton Style="{StaticResource ScrollBarPageButton}"

                        Command="ScrollBar.PageRightCommand" />

        </Track.IncreaseRepeatButton>

      </Track>

      <!--</SnippetRepeatButtonStyle_a_lileib>-->

      <RepeatButton Grid.Column=""

                    Style="{StaticResource ScrollBarLineButton}"

                    Width=""

                    Command="ScrollBar.LineRightCommand"

                    Content="M 0 0 L 4 4 L 0 8 Z" />

    </Grid>

  </ControlTemplate>

  <Style x:Key="{x:Type ScrollBar}"

         TargetType="{x:Type ScrollBar}">

    <Setter Property="SnapsToDevicePixels"

            Value="True" />

    <Setter Property="OverridesDefaultStyle"

            Value="true" />

    <Style.Triggers>

      <Trigger Property="Orientation"

               Value="Horizontal">

        <Setter Property="Width"

                Value="Auto" />

        <Setter Property="Height"

                Value="" />

        <Setter Property="Template"

                Value="{StaticResource HorizontalScrollBar}" />

      </Trigger>

      <Trigger Property="Orientation"

               Value="Vertical">

        <Setter Property="Width"

                Value="" />

        <Setter Property="Height"

                Value="Auto" />

        <Setter Property="Template"

                Value="{StaticResource VerticalScrollBar}" />

      </Trigger>

    </Style.Triggers>

  </Style>

  <!--</SnippetScrollBar>-->

</ResourceDictionary>

ControlTemplate in WPF ——ScrollBar的更多相关文章

Wpf ScrollBar自定义样式
Wpf的ScrollBar可以分为六个区域:A.背景.B.向上按钮.C.向下的按钮.D.Track里面向上的按钮.E.Track里面向下的按钮.F.Track的Thumb 详情见下图下面通过一个例子 ...
ControlTemplate in WPF —— DataGrid
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— Menu
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— Slider
 <Style x:Key="StyleForRepeatButton" TargetType="{x:Type Rep ...
ControlTemplate in WPF —— Calendar
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— DatePicker
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— Expander
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— TreeView
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" x ...
ControlTemplate in WPF —— ItemsControl
<ItemsControl Margin=" ItemsSource="{Binding Source={StaticResource myTodoList}}"& ...

随机推荐

微信小程序（7）--微信小程序连续旋转动画
微信小程序连续旋转动画 https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html <view animation=&quo ...
particlesjs
今天发现一个粒子动画的插件下个笔记做个备用: <!DOCTYPE html> <html lang="en"> <head> <meta ...
动画学习之Music图形绘制
今天来实现一个类似于网易云音乐类似的动态效果,在用网易云音乐听歌时会有一个类似这样的效果,如下: 而咱们这次要实现的效果如下: music图形的绘制: 在实现动画之前先来将静态的图形绘制出来, 如下: ...
Linux vim替换命令
#替换每一行的第一个a:%s/a/b/#全部替换:%s/a/b/g#替换/时需要转义"\/"
解决java编译错误：编码 GBK 的不可映射字符 (0x8C)
1. 问题概述: 程序很简单,打印一行字:你好,世界 (使用的工具是:win10自带的记事本.java的jdk:java development kit) 但是在打开终端进行编译时,报出了一个错误:编 ...
Spring Boot整合拦截器
过滤器和监听器都属于Servlet 的api,还可以使用 Spring 提供的拦截器(HandlerInterceptor)进行改更精细的控制.
最近老是有兄弟问我，Vue双向绑定的原理，以及简单的原生js写出来实现，我就来一个最简单的双向绑定，原生十行代码让你看懂原理
废话不多说直接看效果图代码很好理解,但是在看代码之前需要知道Vue双向绑定的原理其实就是基于Object.defineProperty 实现的双向绑定官方传送门这里我们用官方的话来说Object ...
rgb三基色与rgba
主要解释什么是三基色和RGBA ㈠三基色含义三基色是指红,绿,蓝三色,人眼对红.绿.蓝最为敏感,大多数的颜色可以通过红.绿.蓝三色按照不同的比例合成产生. ㈡三基色原理 ⑴自然界中的绝大部分彩色,都 ...
day_work_01
day_work_01 ------Python是一个优雅的大姐姐作业一:http://www.cnblogs.com/xzmxddx/p/8331568.html 作业二:编写登录接口代码 # ...
PHP大文件上传断点续传源码
文件夹数据库处理逻辑 publicclass DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); ...

ControlTemplate in WPF ——ScrollBar

ControlTemplate in WPF ——ScrollBar的更多相关文章

随机推荐

热门专题