C#中RichTextBox左侧显示行号,用于显示编辑代码

项目开发时,需要文本框显示代码,并在左侧显示行号,以符合编程习惯。

所需控件:

panel以及RichTextBox

使用前须知:

RichTextBox只能放置在panle容器中,因此上述panel和RichTextBox底层需要放置一个大的panel容器

步骤一:控件配置

将panel(pnl_ShowLine)(Dock中设置为1左对齐)和RichTextBox (textBox_Prog_Edit)(Dock:Fill)拖拽至窗口。左侧为Panel,右侧为RichTextBox控件

步骤二:命名空间引用

//以下为命名空间引用,在类的最上面,程序开头的地方,检查下有没有全部涵盖住就行 
using System;
 using System.IO; 
 using System.Collections.Generic;
 using System.ComponentModel;
 using System.Data;
 using System.Drawing;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 using System.Windows.Forms;

步骤三:方法解析坐标

在主程序里面新建showLineNo()方法,当接到文件字符后进行坐标解析,绘制行号

private void showLineNo()
        {
            //获得当前坐标信息
            Point p = this.textBox_Prog_Edit.Location;
            int crntFirstIndex = this.textBox_Prog_Edit.GetCharIndexFromPosition(p);
            int crntFirstLine = this.textBox_Prog_Edit.GetLineFromCharIndex(crntFirstIndex);

            Point crntFirstPos = this.textBox_Prog_Edit.GetPositionFromCharIndex(crntFirstIndex);

            p.Y += this.textBox_Prog_Edit.Height;

            int crntLastIndex = this.textBox_Prog_Edit.GetCharIndexFromPosition(p);
            int crntLastLine = this.textBox_Prog_Edit.GetLineFromCharIndex(crntLastIndex);
            Point crntLastPos = this.textBox_Prog_Edit.GetPositionFromCharIndex(crntLastIndex);

            //准备画图
            Graphics g = this.pnl_ShowLine.CreateGraphics();
            Font font = new Font(this.textBox_Prog_Edit.Font, this.textBox_Prog_Edit.Font.Style);
            SolidBrush brush = new SolidBrush(Color.Green);

            //画图开始

            //刷新画布
            Rectangle rect = this.pnl_ShowLine.ClientRectangle;
            brush.Color = this.pnl_ShowLine.BackColor;
            g.FillRectangle(brush, 0, 0, this.pnl_ShowLine.ClientRectangle.Width, this.pnl_ShowLine.ClientRectangle.Height);
            brush.Color = Color.Black;//重置画笔颜色,更改行号颜色

            //绘制行号
            int lineSpace = 0;
            if (crntFirstLine != crntLastLine)
            {
                lineSpace = (crntLastPos.Y - crntFirstPos.Y) / (crntLastLine - crntFirstLine);
            }
            else
            {
                lineSpace = Convert.ToInt32(this.textBox_Prog_Edit.Font.Size);
            }
            int brushX = this.pnl_ShowLine.ClientRectangle.Width - Convert.ToInt32(font.Size * 3);    //更改宽度方向距离
            int brushY = crntLastPos.Y + Convert.ToInt32(font.Size * 0.35f); //更改高度方向距离
            for (int i = crntLastLine; i >= crntFirstLine; i--)
            {
                g.DrawString((i + 1).ToString(), font, brush, brushX, brushY);
                brushY -= lineSpace;
            }
            g.Dispose();
            font.Dispose();
            brush.Dispose();
        }

步骤四:控件加载

启用RichTextBox控件的TextChanged事件-控件加载

//控件加载事件
private void textBox_Prog_Edit_TextChanged(object sender, EventArgs e)
   {
      showLineNo();
   }

步骤五:设置滚动事件

设置控件滚动事件(用于当算出的行数大于本控件长度)

//控件滚动事件,当算出的行数大于本控件长度
private void textBox_Prog_Edit_VScroll(object sender, EventArgs e)
{
    showLineNo();
}

步骤六:效果展示

配置完成后,F5启用程序,效果如下。案例可整体移植至其他相关应用。

注意:

textBox_Prog_Edit的【ScrollBars】属性设置为Vertical以右侧显示滚动条

——做到极致,挖掘干净,大道至简,万物可期。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 C#RichTextBox 控件左侧显示行号,可以通过以下方法实现: 1. 在你的窗体或用户控件添加一个 RichTextBox 控件,用于显示文本内容。 2. 在左侧添加一个 Panel 控件,用于显示行号。 3. 添加一个事件处理程序,在 RichTextBox 的 TextChanged 事件更新行号。 ```csharp private void richTextBox_TextChanged(object sender, EventArgs e) { UpdateLineNumbers(); } private void UpdateLineNumbers() { // 清空行号面板 linePanel.Controls.Clear(); // 获取 RichTextBox 的行数 int lineCount = richTextBox.Lines.Length; // 计算行号面板的宽度 int panelWidth = TextRenderer.MeasureText(lineCount.ToString(), richTextBox.Font).Width + 8; // 设置行号面板的宽度和高度与 RichTextBox 保持一致 linePanel.Width = panelWidth; linePanel.Height = richTextBox.Height; // 循环添加行号标签到行号面板 for (int i = 1; i <= lineCount; i++) { Label lineLabel = new Label(); lineLabel.Text = i.ToString(); lineLabel.AutoSize = false; lineLabel.TextAlign = ContentAlignment.MiddleRight; lineLabel.Dock = DockStyle.Top; lineLabel.Height = richTextBox.Font.Height; linePanel.Controls.Add(lineLabel); } } ``` 在窗体或用户控件的加载事件,设置行号面板的背景颜色和边框样式,并将 RichTextBox 控件与行号面板对齐。 ```csharp private void Form_Load(object sender, EventArgs e) { // 设置行号面板的背景颜色和边框样式 linePanel.BackColor = Color.LightGray; linePanel.BorderStyle = BorderStyle.FixedSingle; // 将 RichTextBox 控件与行号面板对齐 linePanel.Top = richTextBox.Top; linePanel.Left = richTextBox.Left - linePanel.Width - 1; linePanel.Height = richTextBox.Height; } ``` 这样,当 RichTextBox 的文本发生变化时,行号面板会自动更新并显示行号

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值