带有滚动条的区域上的白色方块

Question

我有一个自定义的滚动条样式，但它有一个烦人的小白方块。我想删除它，有什么想法吗？
烦人的小白方块：

编辑：我认为它可能是一个重复按钮

Answer 1

这个问题显然与你的风格有关。
以及如何在没有看到这种风格的情况下回答您的问题？

根据我对样式中可能包含的内容的猜测，但我假设您没有更改默认的 ScrollViewer 模板，您只为其属性设置了值。

如果您查看默认模板，ScrollBar 之间的角上有一个矩形 x:Name="Corner"。

<ControlTemplate x:Key="ScrollViewerControlTemplate.Default"
                    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" Grid.Row="1"
                    Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
        <ScrollContentPresenter x:Name="PART_ScrollContentPresenter"
                                Grid.Column="0" Grid.Row="0"
                                CanContentScroll="{TemplateBinding CanContentScroll}"
                                CanHorizontallyScroll="False" CanVerticallyScroll="False"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                Content="{TemplateBinding Content}"
                                Margin="{TemplateBinding Padding}"/>
        <ScrollBar x:Name="PART_VerticalScrollBar"
                    Grid.Column="1" Grid.Row="0"
                    AutomationProperties.AutomationId="VerticalScrollBar"
                    Cursor="Arrow"
                    Maximum="{TemplateBinding ScrollableHeight}" Minimum="0"
                    Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                    Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
                    ViewportSize="{TemplateBinding ViewportHeight}"/>
        <ScrollBar x:Name="PART_HorizontalScrollBar"
                    AutomationProperties.AutomationId="HorizontalScrollBar"
                    Cursor="Arrow"
                    Grid.Column="0" Grid.Row="1"
                    Maximum="{TemplateBinding ScrollableWidth}"
                    Minimum="0"
                    Orientation="Horizontal"
                    Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                    Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
                    ViewportSize="{TemplateBinding ViewportWidth}"/>
    </Grid>
</ControlTemplate>

此矩形的背景颜色由 DynamicResource 和键 {x:Static SystemColors.ControlBrushKey} 设置。
因此，在不更改模板的情况下，您所能做的就是使用相同的键创建一个新资源，但颜色不同。
资源可以设置在你设置样式的地方。

定义此资源的示例：

    <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}"
                     Color="Red"/>

如果你改变了模板，那么你可以简单地删除这个矩形，那么这个角就是ScrollViewer的背景色。
您也可以在删除它之后，将其中一个 ScrollBars 拉伸到这个角落。

带有滚动条的区域上的白色方块

White square on area with scrollbar

wpf

scrollbar