Re: Slow Grid Performance on Custom Scrollbar

Mohamed [Xceed] — Tue, 27 Apr 2010 18:55:40 GMT

Hi,

We do not observe a significant performance difference between your Custom ScrollBar and the one used by default in the Xceed Datagrid for WPF.

Please find attached a sample demonstrating it.

Regards,

Slow Grid Performance on Custom Scrollbar

Arjun — Fri, 23 Apr 2010 15:24:03 GMT

Hi,

I have included a custom scrollbar as part of a custom theme for the wpf grid. But on addition of the scrollbar the grid performance slows down significantly. I have noticed that in the demo, in the live explorer theme, a custom scrollbar has also been used but it does not seem to slow the grid down.

Have I included the custom scrollbar in the theme correctly and is there anything missing in my scrollbar style?

Thanks in advance!

I have included the scrollbar style here:

And here is the CustomScollbar Style

</LinearGradientBrush>

</LinearGradientBrush>

<Setter.Value>

<Border Name="Border"

Margin="1"

CornerRadius="2"

Background="{StaticResource NormalBrush}"

BorderBrush="{StaticResource HorizontalNormalBorderBrush}"

BorderThickness="1">

<Path HorizontalAlignment="Center"

VerticalAlignment="Center"

Fill="{StaticResource GlyphBrush}"

Stroke="White"

StrokeThickness="2"

Data="{Binding Path=Content,

RelativeSource={RelativeSource TemplatedParent}}" />

</Border>

<ControlTemplate.Triggers>

<Setter TargetName="Border" Property="Background"

Value="{StaticResource PressedBrush}" />

</Trigger>

<Setter Property="Foreground"

Value="{StaticResource DisabledForegroundBrush}"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<!-- SrollViewer ScrollBar Repeat Buttons (The part in the middle,

not the thumb the long area between the buttons ) -->

<Setter.Value>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<!-- ScrollViewer ScrollBar Thumb, that part that can be dragged

up/down or left/right Buttons -->

<Setter.Value>

<Border

CornerRadius="2"

Background="{StaticResource ScrollbarThumbBrush}"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="1" />

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<Setter.Value>

<Border

CornerRadius="2"

Background="{TemplateBinding Background}"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="1" />

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<ControlTemplate x:Key="VerticalScrollBar"

TargetType="{x:Type ScrollBar}">

<Grid >

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border

Grid.RowSpan="3"

CornerRadius="2"

Background="#FF757575" />

<RepeatButton

Grid.Row="0"

Style="{StaticResource ScrollBarLineButton}"

Foreground="White"

Height="18"

Command="ScrollBar.LineUpCommand"

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

<Track.DecreaseRepeatButton>

</Track.DecreaseRepeatButton>

<Track.Thumb>

<Thumb Style="{StaticResource ScrollBarThumb}" Margin="2,0,2,0"

Background="{StaticResource ScrollbarThumbBrush}"

BorderBrush="{StaticResource HorizontalNormalBorderBrush}" />

</Track.Thumb>

<Track.IncreaseRepeatButton>

</Track.IncreaseRepeatButton>

</Track>

<RepeatButton

Grid.Row="3"

Style="{StaticResource ScrollBarLineButton}"

Height="18"

Command="ScrollBar.LineDownCommand"

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

</Grid>

</ControlTemplate>

<ControlTemplate x:Key="HorizontalScrollBar"

TargetType="{x:Type ScrollBar}">

<Grid >

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Border

Grid.ColumnSpan="3"

CornerRadius="2"

Background="#FF757575" />

<RepeatButton

Grid.Column="0"

Style="{StaticResource ScrollBarLineButton}"

Width="18"

Command="ScrollBar.LineLeftCommand"

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

<Track

Name="PART_Track"

Grid.Column="1"

IsDirectionReversed="False">

<Track.DecreaseRepeatButton>

<RepeatButton

Style="{StaticResource ScrollBarPageButton}"

Command="ScrollBar.PageLeftCommand" />

</Track.DecreaseRepeatButton>

<Track.Thumb>

<Thumb

Style="{StaticResource ScrollBarThumb}"

Margin="0,2,0,2"

Background="{StaticResource HorizontalScrollbarThumbBrush}"

BorderBrush="{StaticResource HorizontalNormalBorderBrush}" />

</Track.Thumb>

<Track.IncreaseRepeatButton>

<RepeatButton

Style="{StaticResource ScrollBarPageButton}"

Command="ScrollBar.PageRightCommand" />

</Track.IncreaseRepeatButton>

</Track>

<RepeatButton

Grid.Column="3"

Style="{StaticResource ScrollBarLineButton}"

Width="18"

Command="ScrollBar.LineRightCommand"

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

</Grid>

</ControlTemplate>

<Style.Triggers>

<Setter Property="Template"

Value="{StaticResource HorizontalScrollBar}" />

</Trigger>

<Setter Property="Template"

Value="{StaticResource VerticalScrollBar}" />

</Trigger>

</Style.Triggers>

</Style>

Xceed DataGrid for WPF

Re: Slow Grid Performance on Custom Scrollbar

Slow Grid Performance on Custom Scrollbar