Question

我已经创建了一个基本的Windows桌面WPF应用程序。在MainWindow中，我添加了以下内容作为窗体：

    <ScrollViewer Template="{DynamicResource ScrollViewerControlTemplate1}">
        <ScrollViewer.Resources>
            <ControlTemplate x:Key="ScrollViewerControlTemplate1" TargetType="{x:Type ScrollViewer}">
                <Grid x:Name="Grid" Background="{TemplateBinding Background}">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Rectangle x:Name="Corner" Grid.Column="1" Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" Grid.Row="1"/>
                    <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" CanHorizontallyScroll="False" CanVerticallyScroll="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="0" Margin="{TemplateBinding Padding}" Grid.Row="0"/>
                    <ScrollBar x:Name="PART_VerticalScrollBar" AutomationProperties.AutomationId="VerticalScrollBar" Cursor="Arrow" Grid.Column="1" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Grid.Row="0" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}" SmallChange="40000"/>
                    <ScrollBar x:Name="PART_HorizontalScrollBar" AutomationProperties.AutomationId="HorizontalScrollBar" Cursor="Arrow" Grid.Column="0" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Orientation="Horizontal" Grid.Row="1" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/>
                </Grid>
            </ControlTemplate>
        </ScrollViewer.Resources>
        <Grid Margin="20">
            <Grid.RowDefinitions>
                <RowDefinition Height="300"/>
                <RowDefinition Height="300"/>
                <RowDefinition Height="300"/>
                <RowDefinition Height="300"/>
                <RowDefinition Height="300"/>
            </Grid.RowDefinitions>

            <Border Grid.Row="0" Background="SteelBlue"/>
            <Border Grid.Row="1" Background="Peru"/>
            <Border Grid.Row="2" Background="Goldenrod"/>
            <Border Grid.Row="3" Background="Tomato"/>
            <Border Grid.Row="4" Background="IndianRed"/>
        </Grid>

    </ScrollViewer>

你会注意到在PART_VerticalScrollbar上，我设置了SmallChange =“40000”（一个任意大的数字）。然而，当我单击滚动条上的向上/向下箭头时，它会像我将SmallChange设置为任何内容之前那样进行相同的非常小的更改。

我已多次阅读文档，但无法弄清楚为什么这对ScrollViewer滚动的数量没有任何影响。有什么想法吗？

请注意，我可以更改ScrollBar模板并将这些按钮调用的命令更改为Scrollbar.PageUpCommand而不是Scrollbar.LineUpCommand，但最终我希望能够更好地控制滚动而不是整页。

Answer 1

我怀疑您的自定义控件模板没有被使用，因为您引用它的方式。我会将XAML更改为：

<ScrollViewer>
    <ScrollViewer.Template>
        <ControlTemplate TargetType="{x:Type ScrollViewer}">
            <Grid ...>
                ...
            </Grid>
        </ControlTemplate>
    </ScrollViewer.Template>

    ... ScrollViewer content goes here

</ScrollViewer>

基本上，直接设置控件的模板，而不是使用动态资源。

Answer 2

这样做的原因是在ScrollViewer和ScrollBar中实现的一种特殊逻辑。

只有滚动条是独立的，才考虑使用ScrollBar.SmallChange属性进行滚动。也就是说，当它位于ScrollViewer之外时。

如果您查看ScrollViewer.OnApplyTemplate method，将会注意到以下内容：

public override void OnApplyTemplate()
{
    // ...
    ScrollBar scrollBar = GetTemplateChild(HorizontalScrollBarTemplateName) as ScrollBar;

    if (scrollBar != null)
        scrollBar.IsStandalone = false;

    // Same for the vertical scroll bar
    // ...
}

如果ScrollViewer在其中找到滚动条，则会将其IsStandalone（internal）属性设置为false，这将禁用滚动条的滚动命令处理。相反，ScrollViewer接管了滚动命令的处理，但忽略了ScrollBar的某些属性，包括SmallChange的属性。

TL; DR 这不适用于ScrollViewer内的滚动条。您可以更改模板，因此请使用两个“外部”滚动条。但随后，您将需要将这些滚动条与ScrollViewer手动连接。

XAML ScrollViewer ControlTemplate中的SmallChange无效

2 个答案: