WPF TextBox 编辑框添加行号的2种方式

最新推荐文章于 2023-11-23 13:21:55 发布
最新推荐文章于 2023-11-23 13:21:55 发布
阅读量1.7k 收藏
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/desperaso/article/details/106006715
版权

加上了自定义滚动条，下载代码看效果
在这里插入图片描述

1、TextBox不自动换行
这种方式处理最简单
下载：
链接：https://pan.baidu.com/s/1RViZ5F6ypf7WOzg4bBzHYw
提取码：9qvf

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Threading;

public class TextBoxHelper
{
    public Color BackgroundColor = Colors.White; // 背景色
    public Color TextColor = Colors.Black; // 文字颜色
    public Color LinecodeBackground = Colors.Gainsboro; // 显示行号背景色
    public Color LinecodeColor = Colors.SteelBlue; // 显示行号文字色
    public FontFamily  fontFamily =  new FontFamily("Microsoft YaHei");  // 字体
    public double Fontsize = 12; // 字体大小
    public double Line_Height = 20; // 行高度
    public double Linecode_Width = 35; // 行号宽度
    public double Linecode_Interval = 5; // 行号右侧间隔
    public TextBox Editor;  // TextBox组件

    private ScrollTemplate scrollTemplate_TextBox;
    private Canvas Editor_Box;
    private Canvas Linenumber;
    private double per = 0;

    /// <summary>
    /// 带行号的TextBox
    /// </summary>
    /// <param name="obj">父容器</param>
    /// <param name="x">位置 x</param>
    /// <param name="y">位置 y</param>
    /// <param name="width">宽度</param>
    /// <param name="height">高度</param>
    public void LinenumberEditor(Canvas obj, double x, double y, double width, double height)
    {
        per = height;
        Editor_Box = new Canvas()
        {
            Width = width + Linecode_Width,
            Height = height,
            Background = new SolidColorBrush(BackgroundColor),
            Clip = new RectangleGeometry(new Rect(0, 0, width, height))
        };
        Canvas.SetLeft(Editor_Box, x);
        Canvas.SetTop(Editor_Box, y);

        Editor = new TextBox()
        {
            BorderThickness = new Thickness(0),
            AcceptsReturn = true,
            FontFamily = fontFamily,
            FontSize = Fontsize,
            AcceptsTab = true,
            Foreground = new SolidColorBrush(TextColor),
            Background =Brushes.Transparent
        };
        Editor.PreviewKeyDown += Editor_PreviewKeyDown;
        Editor.TextChanged += Editor_TextChanged;
        TextBlock.SetLineHeight(Editor, Line_Height);
        Canvas.SetLeft(Editor, 30);

        WrapPanel text_panel = new WrapPanel()
        {
            Orientation = Orientation.Vertical,
        };
        text_panel.Children.Add(Editor);
        
        scrollTemplate_TextBox = new ScrollTemplate();
        scrollTemplate_TextBox.ScrollViewer.HorizontalScrollBarVisibility = ScrollBarVisibility.Auto;
        scrollTemplate_TextBox.ScrollViewer.VerticalScrollBarVisibility = ScrollBarVisibility.Auto;
        scrollTemplate_TextBox.ScrollViewer.Background = Brushes.WhiteSmoke;
        scrollTemplate_TextBox.InitializeScrollViewer(Editor_Box, text_panel, Linecode_Width, 0, width- Linecode_Width, height, ScrollViewer_Type.Effect);
        scrollTemplate_TextBox.ScrollViewer.ScrollChanged += (s, e) => {
            GeneralTransform generalTransform = Editor.TransformToAncestor(Editor_Box);
            Point point = generalTransform.Transform(new Point(0, 0));
            Canvas.SetTop(Linenumber, point.Y);
        };
        scrollTemplate_TextBox.ScrollViewer.PreviewMouseDown += (s, e) => {
             obj.Dispatcher.BeginInvoke(DispatcherPriority.Background,
            (Action)(() => { Keyboard.Focus(Editor); }));
        };

        Linenumber = new Canvas()
        {
            Width = Linecode_Width,
            Height = height,
            Background = new SolidColorBrush(LinecodeBackground)
        };
        Editor_Box.Children.Add(Linenumber);

        TextBlock Linecode = new TextBlock()
        {
            Height = Line_Height,
            Width = Linecode_Width - Linecode_Interval,
            TextAlignment = TextAlignment.Right,
            Text = "1",
            FontFamily = fontFamily,
            FontSize = Fontsize,
            Foreground = new SolidColorBrush(LinecodeColor),
            Background = Brushes.Transparent
        };
        Linenumber.Children.Add(Linecode);

        Editor_Box.MouseDown += (s, e) => { Editor.Focus(); };
        obj.Children.Add(Editor_Box);
    }

    private void Editor_PreviewKeyDown(object sender, KeyEventArgs e)
    {
        if (e.Key==Key.PageDown)
        {
            e.Handled = true;
            scrollTemplate_TextBox.ScrollViewer.ScrollToVerticalOffset(scrollTemplate_TextBox.ScrollViewer.VerticalOffset + per);
        }
        else
        if (e.Key == Key.PageUp)
        {
            e.Handled = true;
            scrollTemplate_TextBox.ScrollViewer.ScrollToVerticalOffset(scrollTemplate_TextBox.ScrollViewer.VerticalOffset - per);
        }
    }

    private void Editor_TextChanged(object sender, TextChangedEventArgs e)
    {
        if (Linenumber.Children.Count != Editor.LineCount)
        {
            if (Linenumber.Children.Count < Editor.LineCount)
            {
                for (int i = Linenumber.Children.Count; i < Editor.LineCount; i++)
                {
                    TextBlock Linecode = new TextBlock()
                    {
                        Height = Line_Height,
                        Width = Linecode_Width - Linecode_Interval,
                        TextAlignment = TextAlignment.Right,
                        FontFamily = fontFamily,
                        FontSize = Fontsize,
                        Foreground = new SolidColorBrush(LinecodeColor),
                        Background = Brushes.Transparent
                    };

                    Canvas.SetTop(Linecode, i * Line_Height);
                    Linenumber.Children.Add(Linecode);
                }
            }
            else
            if (Linenumber.Children.Count > Editor.LineCount)
            {
                for (int i = Linenumber.Children.Count-1 ; i > Editor.LineCount - 1; i--)
                {
                    Linenumber.Children.RemoveAt(i);
                }
            }

            for (int i = 0; i < Linenumber.Children.Count; i++)
            {
                (Linenumber.Children[i] as TextBlock).Text = "";
            }

            for (int i = 0; i < Editor.LineCount; i++)
            {
                (Linenumber.Children[i] as TextBlock).Text = (i + 1).ToString();
            }
            Linenumber.Height = Editor.LineCount* Line_Height < Editor_Box.Height? Editor_Box.Height: Editor.LineCount * Line_Height;
        }
    }
}

2、TextBox自动换行
由于自动换行，所以不能确定每行文字是占多少行，
也不能使用按字符串宽度来判断所占行数，因为长单词不是按照宽度分行的，
所以隐藏了一个TextBox将每行字符串写进去，取得行数，
这就有个问题，行数少速度还行，行数多的话，卡顿明显。
下载
链接：https://pan.baidu.com/s/1m9Z1qhzi5qaT0FbFa5EjGA
提取码：0q0a

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Threading;

public class TextBoxHelper
{
    public Color BackgroundColor = Colors.White; // 背景色
    public Color TextColor = Colors.Black; // 文字颜色
    public Color LinecodeBackground = Colors.Gainsboro; // 显示行号背景色
    public Color LinecodeColor = Colors.SteelBlue; // 显示行号文字色
    public FontFamily  fontFamily =  new FontFamily("Microsoft YaHei");  // 字体
    public double Fontsize = 12; // 字体大小
    public double Line_Height = 20; // 行高度
    public double Linecode_Width = 30; // 行号宽度
    public double Linecode_Interval = 5; // 行号右侧间隔
    public TextBox Editor;  // TextBox组件

    private ScrollTemplate scrollTemplate_TextBox;
    public Canvas Editor_Box;
    private TextBox Linemeasure;
    private Canvas Linenumber;

    /// <summary>
    /// 带行号的TextBox
    /// </summary>
    /// <param name="obj">父容器</param>
    /// <param name="x">位置 x</param>
    /// <param name="y">位置 y</param>
    /// <param name="width">宽度</param>
    /// <param name="height">高度</param>
    public void LinenumberEditor(Canvas obj, double x, double y, double width, double height)
    {
        Editor_Box = new Canvas()
        {
            Width = width + Linecode_Width,
            Height = height,
            Background = new SolidColorBrush(BackgroundColor),
            Clip = new RectangleGeometry(new Rect(0, 0, width, height))
        };
        Canvas.SetLeft(Editor_Box, x);
        Canvas.SetTop(Editor_Box, y);

        Editor = new TextBox()
        {
            Width = width - Linecode_Width,
            BorderThickness = new Thickness(0),
            TextWrapping = TextWrapping.Wrap,
            AcceptsReturn = true,
            FontFamily = fontFamily,
            FontSize = Fontsize,
            Foreground = new SolidColorBrush(TextColor),
            Background =Brushes.Transparent
        };
        Editor.TextChanged += Editor_TextChanged;
        TextBlock.SetLineHeight(Editor, Line_Height);
        Canvas.SetLeft(Editor, 30);

        WrapPanel text_panel = new WrapPanel()
        {
            Width = Editor.Width,
            Orientation = Orientation.Vertical,
        };
        text_panel.Children.Add(Editor);
        
        scrollTemplate_TextBox = new ScrollTemplate();
        scrollTemplate_TextBox.ScrollViewer.Background = Brushes.WhiteSmoke;
        scrollTemplate_TextBox.InitializeScrollViewer(Editor_Box, text_panel, Linecode_Width, 0, width- Linecode_Width, height, ScrollViewer_Type.Win10);
        scrollTemplate_TextBox.ScrollViewer.ScrollChanged += (s, e) => {
            GeneralTransform generalTransform = Editor.TransformToAncestor(Editor_Box);
            Point point = generalTransform.Transform(new Point(0, 0));
            Canvas.SetTop(Linenumber, point.Y);
        };
        scrollTemplate_TextBox.ScrollViewer.PreviewMouseDown += (s, e) => {
             obj.Dispatcher.BeginInvoke(DispatcherPriority.Background,
            (Action)(() => { Keyboard.Focus(Editor); }));
        };

        Linenumber = new Canvas()
        {
            Width = Linecode_Width,
            Height = height,
            Background = new SolidColorBrush(LinecodeBackground)
        };
        Editor_Box.Children.Add(Linenumber);

        TextBlock Linecode = new TextBlock()
        {
            Height = Line_Height,
            Width = Linecode_Width - Linecode_Interval,
            TextAlignment = TextAlignment.Right,
            Text = "1",
            FontFamily = fontFamily,
            FontSize = Fontsize,
            Foreground = new SolidColorBrush(LinecodeColor),
            Background = Brushes.Transparent
        };
        Linenumber.Children.Add(Linecode);

        Linemeasure = new TextBox()
        {
            Width = width - Linecode_Width,
            Height = 100,
            TextWrapping = TextWrapping.Wrap,
            BorderThickness = new Thickness(0),
            FontFamily = fontFamily,
            FontSize = Fontsize,
            Visibility = Visibility.Hidden
        };
        Canvas.SetLeft(Linemeasure, -x);
        Canvas.SetTop(Linemeasure, -1);
        obj.Children.Add(Linemeasure);

        Editor_Box.MouseDown += (s, e) => { Editor.Focus(); };
        obj.Children.Add(Editor_Box);
    }

    private void Editor_TextChanged(object sender, TextChangedEventArgs e)
    {
        if (Linenumber.Children.Count != Editor.LineCount)
        {
            if (Linenumber.Children.Count < Editor.LineCount)
            {
                for (int i = Linenumber.Children.Count; i < Editor.LineCount; i++)
                {
                    TextBlock Linecode = new TextBlock()
                    {
                        Height = Line_Height,
                        Width = Linecode_Width - Linecode_Interval,
                        TextAlignment = TextAlignment.Right,
                        FontFamily = fontFamily,
                        FontSize = Fontsize,
                        Foreground = new SolidColorBrush(LinecodeColor),
                        Background = Brushes.Transparent
                    };

                    Canvas.SetTop(Linecode, i * Line_Height);
                    Linenumber.Children.Add(Linecode);
                }
            }
            else
            if (Linenumber.Children.Count > Editor.LineCount)
            {
                for (int i = Linenumber.Children.Count-1 ; i > Editor.LineCount - 1; i--)
                {
                    Linenumber.Children.RemoveAt(i);
                }
            }

            for (int i = 0; i < Linenumber.Children.Count; i++)
            {
                (Linenumber.Children[i] as TextBlock).Text = "";
            }

            string[] split = Editor.Text.Split(new string[] { "\r\n" }, StringSplitOptions.None);
            int line = 0;
            for (int i = 0; i < split.Length; i++)
            {
                (Linenumber.Children[line] as TextBlock).Text = (i + 1).ToString();
                Linemeasure.Text = split[i];
                line += Linemeasure.LineCount;
            }
            Linenumber.Height = Editor.LineCount* Line_Height < Editor_Box.Height? Editor_Box.Height: Editor.LineCount * Line_Height;
        }
    }
}
desperaso
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C# wpf RichTextBox和行号有关的技术难点
01-12
RichTextBox和行号有关的技术难点，实现richtextbox添加行号
RichTextBox 增加行号显示
上海_童鞋的专栏
03-04 1644
关于RichTextBox 增加行号功能最新解决思路。通过实际行高进行计算。彻底解决字符混用问题。
WPF的TextBox多行内容展示和最新数据或者最后一行
最新发布
weixin_45742249的博客
11-23 1218
ByteAllText.AppendText("要展示的数据" + "\r\n");使用背景：我这里是在串口接收数据后抛到页面文本框，接收一次一行，自动接收抛出；该方法不适合太多行自动下滑，就是一行两行的用一下；该方法只能下滑一行，也就是写一次下滑一行；
WinForm 为 RichTextBox 添加行号
xjcwzp的专栏
04-12 848
近期需要作带行号的编辑器，我使用的是RichTextBox， 期间尝试过很多方法，要么不能完全同步，要么鼠标滚轴不能同步等等问题， 偶然间得到以下代码，目前还没有遇到重大问题，如后期在使用过程中遇到问题，再来说明 源代码：https://www.codeproject.com/Articles/38858/Line-Numbers-for-RichText-Control-in-C ...
C#中RichTextBox左侧显示行号，用于显示编辑代码
weixin_46022853的博客
10-12 1080
项目开发时，需要文本框显示代码，并在左侧显示行号，以符合编程习惯。
Wpf TextBox自动补全
10-21
标题“Wpf TextBox自动补全”所指向的知识点，就是如何在WPF应用中为TextBox添加自动补全功能。这个功能通常基于一个预定义的词汇库或数据集，当用户输入时，程序会实时查找并显示与当前输入相匹配的建议项。 实现...
wpf 代码编辑框
11-30
首先，我们要理解WPF中的TextBox控件是最基本的文本输入组件，但仅限于简单的文本编辑。为了实现代码编辑器，我们需要一个更强大的控件，如RichTextBox或使用第三方库如 AvalonEdit。AvalonEdit 是一款开源、高性能...
CodeBox 2：具有行号的CodeBox的扩展和改进版本
04-11
CodeBox 2是一款针对WPF（Windows Presentation Foundation）平台的文本编辑控件，它是CodeBox的升级版，增加了更多的功能和改进。这个扩展版本特别强调了对代码编辑的支持，提供了行号显示、语法高亮、下划线以及...
取编辑框某行数据.rar
03-12
例如，在Windows桌面应用程序中，编辑框可能由Windows API（如Edit Control）提供，或者在.NET Framework中，我们可以使用WinForms的TextBox控件或WPF的TextBox类。在Web开发中，HTML的`<input type="text">`或`...
wpf自定义文本控件，高亮显示文本内内容及行号
08-04
wpf自定义文本控件，高亮显示文本内内容及行号
WPF版HTML编辑器基于RichTextBox
07-04
网上找到的WPF版HTML编辑器都是基于web browser控件，它在WPF中存在AllowsTransparency问题。今天终于解决了，分享给大家。 只收1分，大家可以接收吧! 源码来自于codeproject，原版不支持中文汉字，中文会变成乱码还报错。 我做了小修改，全部改为UTF-8编码。
RichTextBox 增加行号功能
03-04
RichTextBox 增加行号功能 彻底解决行号Y坐标不精确问题。
C#中实现带有行号的Richtextbox以及其他功能
04-20
本程序主要有以下功能： 1.在Richtextbox的旁边没有误差的显示动态行号。 2.可以使Richtextbox的滚动条跳到指定的行号处。 3.可以单击Richtextbox中的某行，然后通过鼠标事件获取鼠标所在的Richtextbox中的行的数据。
WPF richtextBox高亮显示指定文本.rar
05-16
这个是真的完美.我尝试过很多方法都不成功.呵呵,最后还是找到了.
WPF中自动增加行（动画）的TextBox
07-23 2087
WPF中自动增加行（动画）的TextBoxWPF中的Textbox控件是可以自动换行的，只要设置TextWrapping属性为”Wrap”即可，但是存在一个问题：Textbox的高度是固定的，当输入文本过多时就会出现如下情况。Textbox虽然没有自动增加高度的属性，但是我们可以通过设置来实现这一个功能。相关xaml代码如下 <Grid VerticalAlignment="Top" Horizon
【WPF学习手记】DataGrid显示大量文本并附带行序号
Taosy
08-09 1579
目的：显示大量文本内容，并在前面添加行序号。 技术要领：DataGrid显示内容，取消鼠标滑过、点击事件（IsHitTestVisible = False），隐藏列表头信息和网格线。 代码如下 <DataGrid Name="Result_Grid" AutoGenerateColumns="False" FontSize="14" CanUserReorderColumns=...
c# RichTextBox显示行号，滚动条绑定,取消闪烁，对齐准确
热门推荐
彦文的专栏
03-10 1万+
这两天都在看RichTextBox行号问题，发现网上的实现方式都有各种各样的问题 要么是 对齐不准，要么是闪烁，要么滚动条绑定有问题 结合各篇文章最后 就写了一个相对完美解决方案 效果图 思路： 1.新建控件继承自RichTextBox 2.设置SelectionIndent 使这个现实区域向右移动 3.在移动出来的空白区域显示一个panl 使用Graphics 绘图 绘制行号...
WPF textbox去除边框
06-10
以下是一种去除边框的方式： ```xml <Style x:Key="NoBorderStyle" TargetType="{x:Type TextBox}"> <TextBox Style="{StaticResource NoBorderStyle}"/> ``` 上面的代码中，我们定义了一个名为 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值