WPF RichTextBox用行号创建编辑器

在WPF中创建一个带行号的RichTextBox可以通过自定义控件或使用第三方库来实现。以下是一种常见的方法，使用自定义控件结合RichTextBox和ListBox来显示行号。

步骤概述

创建一个自定义控件，包含RichTextBox和ListBox。
同步滚动，确保RichTextBox和行号ListBox的滚动位置一致。
动态更新行号，根据RichTextBox的内容变化调整行号显示。

示例代码

以下是一个简单的示例，展示如何实现带行号的RichTextBox。

1. XAML布局

<UserControl x:Class="LineNumberRichTextBox.LineNumberRichTextBox"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        
        <!-- 行号ListBox -->
        <ListBox x:Name="lineNumberBox" 
                 Grid.Column="0"
                 VerticalAlignment="Stretch"
                 HorizontalAlignment="Stretch"
                 SelectionMode="None"
                 IsHitTestVisible="False"
                 Background="LightGray"/>
        
        <!-- RichTextBox -->
        <RichTextBox x:Name="richTextBox" 
                     Grid.Column="1"
                     VerticalAlignment="Stretch"
                     HorizontalAlignment="Stretch"
                     TextChanged="RichTextBox_TextChanged"/>
    </Grid>
</UserControl>

2. 后台代码（C#）

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;

namespace LineNumberRichTextBox
{
    public partial class LineNumberRichTextBox : UserControl
    {
        public LineNumberRichTextBox()
        {
            InitializeComponent();
            UpdateLineNumbers();
        }

        private void UpdateLineNumbers()
        {
            // 清空行号ListBox
            lineNumberBox.Items.Clear();

            // 获取文档块
            var blocks = richTextBox.Document.Blocks;
            int lineCount = blocks.Count;

            for (int i = 1; i <= lineCount; i++)
            {
                lineNumberBox.Items.Add(i.ToString());
            }
        }

        private void RichTextBox_TextChanged(object sender, TextChangedEventArgs e)
        {
            UpdateLineNumbers();
        }

        protected override void OnRenderSizeChanged(SizeChangedInfo sizeInfo)
        {
            base.OnRenderSizeChanged(sizeInfo);
            // 同步滚动
            SyncScroll();
        }

        private void SyncScroll()
        {
            // 获取RichTextBox的垂直滚动位置
            var richTextBoxScrollViewer = GetScrollViewer(richTextBox);
            if (richTextBoxScrollViewer != null)
            {
                double verticalOffset = richTextBoxScrollViewer.VerticalOffset;
                lineNumberBox.ScrollIntoView(lineNumberBox.Items[(int)verticalOffset]);
            }
        }

        private ScrollViewer GetScrollViewer(DependencyObject o)
        {
            if (o is ScrollViewer)
                return (ScrollViewer)o;
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(o); i++)
            {
                var child = VisualTreeHelper.GetChild(o, i);
                var result = GetScrollViewer(child);
                if (result != null)
                    return result;
            }
            return null;
        }
    }
}

3. 使用自定义控件

在你的主窗口或页面中使用这个自定义的LineNumberRichTextBox控件：

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:LineNumberRichTextBox"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <local:LineNumberRichTextBox/>
    </Grid>
</Window>