自定義 ScrollViewer 樣式中斷 RichTextBox 鼠標滾輪滾動

Question

要重現這一點，只需將此樣式添加到任何具有 RichTextBox 的 wpf 項目中：

https://pastebin.com/dJAqFC3d

一個完整的最小項目可以在這里找到： https://drive.google.com/file/d/1a7e-vwKpt1Emg7fhMhVRLccwrjOlhWk1/view?usp=sharing

還有兩個styles的例子：

<!--

    This style does NOT break RichTextBox Scrolling

-->

<Style TargetType="{x:Type ScrollViewer}">
    <Style.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
    </Style.Resources>
</Style>


<!--

    The Style below breaks Rich Text Box

-->

<!--<Style TargetType="{x:Type ScrollViewer}">
    <Setter Property="CanContentScroll" Value="True"></Setter>
    <Setter Property="PanningMode" Value="Both"></Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ScrollViewer}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <ScrollContentPresenter Grid.Column="0" />
                    <ScrollBar
                        x:Name="PART_VerticalScrollBar"
                        Grid.Row="0"
                        Grid.Column="1"
                        Maximum="{TemplateBinding ScrollableHeight}"
                        ViewportSize="{TemplateBinding ViewportHeight}"
                        Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                        Value="{TemplateBinding VerticalOffset}" />
                    <ScrollBar
                        x:Name="PART_HorizontalScrollBar"
                        Grid.Row="1"
                        Grid.Column="0"
                        Maximum="{TemplateBinding ScrollableWidth}"
                        Orientation="Horizontal"
                        ViewportSize="{TemplateBinding ViewportWidth}"
                        Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                        Value="{TemplateBinding HorizontalOffset}" />
                    --><!--<Rectangle Grid.Row="1" Grid.Column="1" Fill="Red"/>--><!--
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>-->

然后在樣式的底部，注釋掉任一 ScrollViewer styles 以在它們之間進行交換。 一個簡單地覆蓋右下角的矩形顏色。 另一個做同樣的事情，但也定義了滾動條。 定義滾動條的樣式會中斷垂直滾動。

這也可以使用微軟官方提供的 styles 來復制，位於此處：

https://docs.microsoft.com/en-us/dotnet/desktop/wpf/controls/scrollbar-styles-and-templates?view=netframeworkdesktop-4.8

和這里

https://docs.microsoft.com/en-us/dotnet/desktop/wpf/controls/scrollviewer-styles-and-templates?view=netframeworkdesktop-4.8

更新：（上面的鏈接很快就會成為一個無效的例子，因為這個問題已經被提交了，並且顯然會得到解決和修復）

有誰知道為什么為 ScrollViewers 聲明自定義樣式會破壞 RichTextBox 鼠標滾輪滾動？

編輯：還應該注意的是，上面的示例不會阻礙或破壞任何其他控件的垂直鼠標滾輪滾動（我已經注意到）。 RichTextBox 似乎是一個邊緣案例。

Answer 1

找到了解決方案，實際上很簡單。

您必須將CanContentScroll="True"添加到ScrollViewer控件模板中的ScrollContentPresenter 。 這是一個例子：

<Style TargetType="{x:Type ScrollViewer}">
        <Setter Property="CanContentScroll" Value="True"></Setter>
        <Setter Property="PanningMode" Value="Both"></Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ScrollViewer}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <ScrollContentPresenter CanContentScroll="True" Grid.Column="0" />
                        <ScrollBar
                            x:Name="PART_VerticalScrollBar"
                            Grid.Row="0"
                            Grid.Column="1"
                            Maximum="{TemplateBinding ScrollableHeight}"
                            ViewportSize="{TemplateBinding ViewportHeight}"
                            Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                            Value="{TemplateBinding VerticalOffset}" />
                        <ScrollBar
                            x:Name="PART_HorizontalScrollBar"
                            Grid.Row="1"
                            Grid.Column="0"
                            Maximum="{TemplateBinding ScrollableWidth}"
                            Orientation="Horizontal"
                            ViewportSize="{TemplateBinding ViewportWidth}"
                            Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                            Value="{TemplateBinding HorizontalOffset}" />
                        <Rectangle Grid.Row="1" Grid.Column="1" Fill="Red"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

這在 microsoft 樣式示例中的任何地方都沒有提到，他們也在他們建議的樣式模板中省略了它。