创建自定义 FrameworkContentElement 以在 WPF 中的文本上添加对角线

Question

有没有办法创建一个自定义的FrameworkContentElement（或内联），在其内容上绘制对角线？

类似于删除线装饰，但具有对角线形状：

不可能是 TextDecoration 或 TextEffect（它们是密封的）。

有什么想法吗？

Answer 1

更新：

我尝试创建一个尽可能小的示例。在更复杂的场景中，您将不得不扩展它。它的外观如下：

这是相应的 xaml：

<AdornerDecorator>
    <StackPanel>
        <TextBlock>
            <Run>this is normal Text</Run><LineBreak/>
            <Run local:DiagonalStrikeThroughAdorner.StrikeThroughBrush="Red">Some text with diagonal decoration</Run><LineBreak/>
            <Run>more normal text yeah</Run>
        </TextBlock> 
        <FlowDocumentScrollViewer>
            <FlowDocument>
                <Paragraph>
                    <Run>this is normal Text</Run>
                    <LineBreak/>
                    <Run local:DiagonalStrikeThroughAdorner.StrikeThroughBrush="Red">Some text with diagonal decoration</Run>
                    <LineBreak/>
                    <Run>more normal text yeah</Run>
                </Paragraph>
            </FlowDocument>
        </FlowDocumentScrollViewer>
    </StackPanel>
</AdornerDecorator>

这就是隐藏代码：

public class DiagonalStrikeThroughAdorner : Adorner
{
    private readonly Inline _inline;
    private readonly Pen _pen;

    public DiagonalStrikeThroughAdorner(UIElement adornedElement, Inline inline, Brush brush) : base(adornedElement)
    {
        _inline = inline;
        _pen = new Pen(brush, 2);
    }

    protected override void OnRender(DrawingContext drawingContext)
    {

        if(!(_inline.ContentStart.HasValidLayout && _inline.ContentEnd.HasValidLayout))
            return;
        var startrect = _inline.ContentStart.GetCharacterRect(LogicalDirection.Forward);
        var endrect = _inline.ContentEnd.GetCharacterRect(LogicalDirection.Backward);

        drawingContext.DrawLine(_pen,startrect.BottomLeft,endrect.TopRight);
    }

    public static Brush GetStrikeThroughBrush(DependencyObject obj)
    {
        return (Brush)obj.GetValue(StrikeThroughBrushProperty);
    }

    public static void SetStrikeThroughBrush(DependencyObject obj, Brush value)
    {
        obj.SetValue(StrikeThroughBrushProperty, value);
    }

    public static readonly DependencyProperty StrikeThroughBrushProperty =
        DependencyProperty.RegisterAttached("StrikeThroughBrush", typeof(Brush), typeof(DiagonalStrikeThroughAdorner), new UIPropertyMetadata((o, args) =>
            {
                if(!(o is TextElement)) return;
                var parent = ((TextElement)o).Parent;
                while (parent is FrameworkContentElement)
                    parent = ((FrameworkContentElement) parent).Parent;
                if (parent == null || !(parent is Visual)) return;
                var adornerLayer = AdornerLayer.GetAdornerLayer((Visual) parent);
                if(adornerLayer == null) return;
                adornerLayer.Add(new DiagonalStrikeThroughAdorner((UIElement) parent,o as Inline,(Brush) args.NewValue));                    
            }));

}

玩得开心！

原始消息：

这通常很难。我已成功将装饰器附加到流程文档中的特定元素，但有许多特殊情况需要考虑。例如：如果 Inline 被包裹起来会发生什么？此外：如果此流程文档位于 Richtextbox 中，则其内部会不断重新排列运行（连接或分离它们），这几乎会弄乱所有内容。你必须仔细设置。

请详细说明该内联的位置。在 FlowdocumentScrollviewer 内部？还是文本块？或者 Richtextbox？由于您必须将装饰器附加到管理 FrameworkElement（您可能已经注意到无法将装饰器直接附加到 FrameworkContentElement），因此我们需要知道内联位于何处。

我将描述如何完成此任务的一般路线：创建一个用于创建装饰器的附加属性。附加属性设置在将要装饰的内联上。装饰器保留对内联的引用并附加到管理 FrameworkElement。订阅该框架元素上的布局更新并在装饰器上执行 InvalidateVisual。装饰器 OnRender 根据内联 ContentStart 和 ContentEnd GetCharacterRect 矩形。完毕。

Answer 2

<TextBlock>
        <Run>this is normal Text</Run><LineBreak/>
        <Run local:DiagonalStrikeThroughAdorner.StrikeThroughBrush="Red">Some text with diagonal decoration</Run><LineBreak/>
        <Run>more normal text yeah</Run>
    </TextBlock>

Adorner 不会显示，因为

var adornerLayer = AdornerLayer.GetAdornerLayer((Visual) parent);
            if(adornerLayer == null)

总是返回 null，我们应该在加载 Run 后设置附加属性。

Answer 3

将您的文本放入画布或网格（允许控件重叠的东西）中，并添加一个 Line 对象，其 X/Y 点绑定到您的 TextBlock 位置，

如下所示：

<Canvas HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="Yellow">
    <TextBlock x:Name="TestText" Text="This is a Test"  />
    <Line X1="{Binding ElementName=TestText, Path=ActualWidth}"
            Y1="{Binding ElementName=TestText, Path=ActualHeight}"
            X2="{Binding ElementName=TestText, Path=Canvas.Left}"
            Y2="{Binding ElementName=TestText, Path=Canvas.Top}"
            Stroke="Red" StrokeThickness="2" />
</Canvas>