├── image.png
├── README.md
├── LICENSE
└── Scrollbar.xaml


/image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/punker76/WPFModernScrollbarStyle/HEAD/image.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # WPFModernScrollbarStyle
 2 | A modern scrollbar style for WPF XAML
 3 | 
 4 | ![Screenshot](image.png)
 5 | 
 6 | ## Usage
 7 | 
 8 | 1. Add `Scrollbar.xaml` to your project.
 9 | 2. Add `<ResourceDictionary Source="Scrollbar.xaml"/>` to your merged dictionaries int `App.xaml`.
10 | 
11 | ```xaml
12 | <Application ...namespaces... >
13 |     <Application.Resources>
14 |         <ResourceDictionary>
15 |             <ResourceDictionary.MergedDictionaries>
16 |                 ...other resource dictionaries...
17 |                 
18 |                 <ResourceDictionary Source="Scrollbar.xaml"/>
19 |                 
20 |             </ResourceDictionary.MergedDictionaries>
21 |         </ResourceDictionary>
22 |     </Application.Resources>
23 |     
24 |     ...
25 | 
26 | </Application>
27 | ```
28 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 James Coyle
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Scrollbar.xaml:
--------------------------------------------------------------------------------
  1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3 |                     xmlns:local="clr-namespace:Caller">
  4 |     <SolidColorBrush x:Key="StandardBorderBrush" Color="#888" />
  5 |     <SolidColorBrush x:Key="StandardBackgroundBrush" Color="#FFF" />
  6 |     <SolidColorBrush x:Key="HoverBorderBrush" Color="#DDD" />
  7 |     <SolidColorBrush x:Key="SelectedBackgroundBrush" Color="Gray" />
  8 |     <SolidColorBrush x:Key="SelectedForegroundBrush" Color="White" />
  9 |     <SolidColorBrush x:Key="DisabledForegroundBrush" Color="#888" />
 10 |     <SolidColorBrush x:Key="NormalBrush" Color="#888" />
 11 |     <SolidColorBrush x:Key="NormalBorderBrush" Color="#888" />
 12 |     <SolidColorBrush x:Key="HorizontalNormalBrush" Color="#888" />
 13 |     <SolidColorBrush x:Key="HorizontalNormalBorderBrush" Color="#888" />
 14 |     <LinearGradientBrush x:Key="ListBoxBackgroundBrush"  StartPoint="0,0" EndPoint="1,0.001">
 15 |         <GradientBrush.GradientStops>
 16 |             <GradientStopCollection>
 17 |                 <GradientStop Color="White" Offset="0.0" />
 18 |                 <GradientStop Color="White" Offset="0.6" />
 19 |                 <GradientStop Color="#DDDDDD" Offset="1.2" />
 20 |             </GradientStopCollection>
 21 |         </GradientBrush.GradientStops>
 22 |     </LinearGradientBrush>
 23 |     <LinearGradientBrush x:Key="StandardBrush"  StartPoint="0,0" EndPoint="0,1">
 24 |         <GradientBrush.GradientStops>
 25 |             <GradientStopCollection>
 26 |                 <GradientStop Color="#FFF" Offset="0.0" />
 27 |                 <GradientStop Color="#CCC" Offset="1.0" />
 28 |             </GradientStopCollection>
 29 |         </GradientBrush.GradientStops>
 30 |     </LinearGradientBrush>
 31 |     <SolidColorBrush x:Key="GlyphBrush" Color="#444" />
 32 |     <LinearGradientBrush x:Key="PressedBrush"  StartPoint="0,0" EndPoint="0,1">
 33 |         <GradientBrush.GradientStops>
 34 |             <GradientStopCollection>
 35 |                 <GradientStop Color="#BBB" Offset="0.0" />
 36 |                 <GradientStop Color="#EEE" Offset="0.1" />
 37 |                 <GradientStop Color="#EEE" Offset="0.9" />
 38 |                 <GradientStop Color="#FFF" Offset="1.0" />
 39 |             </GradientStopCollection>
 40 |         </GradientBrush.GradientStops>
 41 |     </LinearGradientBrush>
 42 |     <Style x:Key="ScrollBarPageButton" TargetType="{x:Type RepeatButton}">
 43 |         <Setter Property="SnapsToDevicePixels" Value="True" />
 44 |         <Setter Property="OverridesDefaultStyle" Value="true" />
 45 |         <Setter Property="IsTabStop" Value="false" />
 46 |         <Setter Property="Focusable" Value="false" />
 47 |         <Setter Property="Template">
 48 |             <Setter.Value>
 49 |                 <ControlTemplate TargetType="{x:Type RepeatButton}">
 50 |                     <Border Background="Transparent" />
 51 |                 </ControlTemplate>
 52 |             </Setter.Value>
 53 |         </Setter>
 54 |     </Style>
 55 |     <Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}">
 56 |         <Setter Property="SnapsToDevicePixels" Value="True" />
 57 |         <Setter Property="OverridesDefaultStyle" Value="true" />
 58 |         <Setter Property="IsTabStop" Value="false" />
 59 |         <Setter Property="Focusable" Value="false" />
 60 |         <Setter Property="Template">
 61 |             <Setter.Value>
 62 |                 <ControlTemplate TargetType="{x:Type Thumb}">
 63 |                     <Border CornerRadius="2" Background="{TemplateBinding Background}"  BorderBrush="{TemplateBinding BorderBrush}"  BorderThickness="1" />
 64 |                 </ControlTemplate>
 65 |             </Setter.Value>
 66 |         </Setter>
 67 |     </Style>
 68 |     <ControlTemplate x:Key="VerticalScrollBar"  TargetType="{x:Type ScrollBar}">
 69 |         <Grid>
 70 |             <Grid.RowDefinitions>
 71 |                 <RowDefinition Height="*" />
 72 |             </Grid.RowDefinitions>
 73 |             <Track  Name="PART_Track" IsDirectionReversed="true">
 74 |                 <Track.DecreaseRepeatButton>
 75 |                     <RepeatButton  Style="{StaticResource ScrollBarPageButton}"  Command="ScrollBar.PageUpCommand" />
 76 |                 </Track.DecreaseRepeatButton>
 77 |                 <Track.Thumb>
 78 |                     <Thumb  Style="{StaticResource ScrollBarThumb}"  Margin="1" Background="{StaticResource HorizontalNormalBrush}"  BorderBrush="{StaticResource HorizontalNormalBorderBrush}" />
 79 |                 </Track.Thumb>
 80 |                 <Track.IncreaseRepeatButton>
 81 |                     <RepeatButton  Style="{StaticResource ScrollBarPageButton}"  Command="ScrollBar.PageDownCommand" />
 82 |                 </Track.IncreaseRepeatButton>
 83 |             </Track>
 84 |         </Grid>
 85 |     </ControlTemplate>
 86 |     <ControlTemplate x:Key="HorizontalScrollBar"  TargetType="{x:Type ScrollBar}">
 87 |         <Grid>
 88 |             <Grid.ColumnDefinitions>
 89 |                 <ColumnDefinition Width="*" />
 90 |             </Grid.ColumnDefinitions>
 91 |             <Track  Name="PART_Track"  Grid.Column="1" IsDirectionReversed="False">
 92 |                 <Track.DecreaseRepeatButton>
 93 |                     <RepeatButton  Style="{StaticResource ScrollBarPageButton}"  Command="ScrollBar.PageLeftCommand" />
 94 |                 </Track.DecreaseRepeatButton>
 95 |                 <Track.Thumb>
 96 |                     <Thumb  Style="{StaticResource ScrollBarThumb}"  Margin="1" Background="{StaticResource NormalBrush}"  BorderBrush="{StaticResource NormalBorderBrush}" />
 97 |                 </Track.Thumb>
 98 |                 <Track.IncreaseRepeatButton>
 99 |                     <RepeatButton  Style="{StaticResource ScrollBarPageButton}"  Command="ScrollBar.PageRightCommand" />
100 |                 </Track.IncreaseRepeatButton>
101 |             </Track>
102 |         </Grid>
103 |     </ControlTemplate>
104 |     <Style x:Key="{x:Type ScrollBar}" TargetType="{x:Type ScrollBar}">
105 |         <Setter Property="SnapsToDevicePixels" Value="True" />
106 |         <Setter Property="OverridesDefaultStyle" Value="true" />
107 |         <Style.Triggers>
108 |             <Trigger Property="Orientation" Value="Horizontal">
109 |                 <Setter Property="Width" Value="Auto" />
110 |                 <Setter Property="Height" Value="10" />
111 |                 <Setter Property="Template"  Value="{StaticResource HorizontalScrollBar}" />
112 |             </Trigger>
113 |             <Trigger Property="Orientation" Value="Vertical">
114 |                 <Setter Property="Width" Value="10" />
115 |                 <Setter Property="Height" Value="Auto" />
116 |                 <Setter Property="Template"  Value="{StaticResource VerticalScrollBar}" />
117 |             </Trigger>
118 |         </Style.Triggers>
119 |     </Style>
120 |     <Style x:Key="{x:Type ScrollViewer}" TargetType="{x:Type ScrollViewer}">
121 |         <Setter Property="OverridesDefaultStyle" Value="True" />
122 |         <Setter Property="Template">
123 |             <Setter.Value>
124 |                 <ControlTemplate TargetType="{x:Type ScrollViewer}">
125 |                     <Grid>
126 |                         <Grid.ColumnDefinitions>
127 |                             <ColumnDefinition />
128 |                             <ColumnDefinition Width="Auto" />
129 |                         </Grid.ColumnDefinitions>
130 |                         <Grid.RowDefinitions>
131 |                             <RowDefinition />
132 |                             <RowDefinition Height="Auto" />
133 |                         </Grid.RowDefinitions>
134 |                         <ScrollContentPresenter Grid.ColumnSpan="2" Grid.RowSpan="2" />
135 |                         <ScrollBar Grid.Column="1" Name="PART_VerticalScrollBar"  Value="{TemplateBinding VerticalOffset}"  Maximum="{TemplateBinding ScrollableHeight}"  ViewportSize="{TemplateBinding ViewportHeight}"  Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" />
136 |                         <ScrollBar Grid.Row="1" Name="PART_HorizontalScrollBar"  Orientation="Horizontal"  Value="{TemplateBinding HorizontalOffset}"  Maximum="{TemplateBinding ScrollableWidth}"  ViewportSize="{TemplateBinding ViewportWidth}"  Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" />
137 |                     </Grid>
138 |                 </ControlTemplate>
139 |             </Setter.Value>
140 |         </Setter>
141 |     </Style>
142 | </ResourceDictionary>


--------------------------------------------------------------------------------