在另一个控件上绘图答案

【问题标题】：Drawing on top of another control在另一个控件上绘图
【发布时间】：2019-01-19 18:50:02
【问题描述】：

Microsoft Word 允许您在文档上显示网格线，如下图所示：

我正在尝试在 WPF RichTextBox 中创建相同的效果。我所做的是我创建了自己的控件MyRichTextBox，它派生自RichTextBox，然后我覆盖了OnRender 方法，简单地画一条粗线来测试它。问题是，看起来我的线是在文本框本身下面绘制的。我可以看到它的一部分在左上角伸出。有人对我如何在实际文本框中画一条线有任何建议吗？这是我的超级简单代码：

public class MyRichTextBox : RichTextBox
{
    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);

        drawingContext.DrawLine(new Pen(Brushes.LimeGreen, 11.0), 
                new Point(1, 1), new Point(115, 115));
    }
}

【问题讨论】：

希望this有帮助

标签： c# wpf line-drawing

【解决方案1】：

您可以定义一个自定义ControlTemplate 并覆盖RichTextBox 的内部ScrollViewer 元素的OnRender 方法：

public class MyScrollViewer : ScrollViewer
{
    protected override void OnRender(DrawingContext drawingContext)
    {
        base.OnRender(drawingContext);

        drawingContext.DrawLine(new Pen(Brushes.LimeGreen, 11.0),
                new Point(1, 1), new Point(115, 115));
    }
}

XAML：

<RichTextBox>
    <RichTextBox.Resources>
        <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
        <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
        <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
    </RichTextBox.Resources>
    <RichTextBox.Template>
        <ControlTemplate TargetType="{x:Type TextBoxBase}">
            <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                <local:MyScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsEnabled" Value="false">
                    <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
                </Trigger>
                <Trigger Property="IsKeyboardFocused" Value="true">
                    <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </RichTextBox.Template>
</RichTextBox>

【讨论】：