C#简单实现高亮语法编辑器

C#简单实现高亮语法编辑器(一)

——TextBox ,RichTextBox的局限性

一、RichTextBox基本设置

二、实现语法高亮

三、关键字提示

四、实现行号

就简单快速得开发文本编辑器TextBox 最为简单，大家用得也多，缺点是无法实现复杂的操作。RichTextBox虽然是则功能比它强大很多。



图 1.1 输入框控件关系

这里要实现以下功能的编辑器：

1、实现语法高亮；

2、关键字提示；

3、行号。

显然TextBox 无法完成我们的任务，虽然都派生自TextBoxBase,但就控制力而言RichTextBox比它优秀很多。这里选用RichTextBox尝试开发。

注：以下只讨论简单开发，不考虑复杂的关键字查找机制。

一、RichTextBox基本设置

这里先建立一个工程，建立窗体Form1。

可以简单添加RichTextBox控件，可以在Form1_Load中建立。代码如下：

1 this.WindowState = System.Windows.Forms.FormWindowState.Maximized;

2

3 RichTextBox rich = new RichTextBox();

4 rich.Multiline = true;

5 rich.Height = this.Height - 100;

6 rich.Width = this.Width - 100;

7 rich.Left = 40;

8 rich.Top = 40;

9 rich.WordWrap = true;

10 rich.Text = "12345678";

11 rich.ScrollBars = RichTextBoxScrollBars.ForcedVertical;

12 this.Controls.Add(rich);

这样就建立了简单的RichTextBox，宽度和高度都设置了。没有做Form1窗体缩放的处理。

二、实现语法高亮

在RichTextBox里实现语法高亮还是非常简单的。可以使用

1 rich.Select(0,1);

2 rich.SelectionFont = new Font("宋体", 12, (FontStyle.Regular));

3 rich.SelectionColor = Color.Blue;
意思是，先选择第一个字母，按上面的设置，选择到了数字‘1’，然后设置这个字的字体大小，再设置字的颜色。

如果对关键字进行处理（这里只处理光标向后流动的情况）

首先添加输入事件

1 rich.KeyDown += new KeyEventHandler(rich_KeyDown);
//这一行添加到Form1_Load中

2

3 void rich_KeyDown(object sender, KeyEventArgs e)

4 {

5 //throw new Exception("The method or operation is not implemented.");

6 }

建立关键字

1 public static List<string> AllClass()

2 {

3 List<string> list = new List<string>();

4 list.Add("function");

5 list.Add("return");

6 list.Add("class");

7 list.Add("new");

8 list.Add("extends");

9 list.Add("var");

10 return list;

11 }

当KeyDown事件发生时，向前查找

1 //返回搜索字符

2 public static string GetLastWord(string str,int i)

3 {

4 string x = str;

5 Regex reg= new Regex(@"\s+[a-z]+\s*",RegexOptions.RightToLeft);

6 x = reg.Match(x).Value;

7

8 Regex reg2 = new Regex(@"\s");

9 x = reg2.Replace(x, "");

10 return s;

11 }

1 void rich_KeyDown(object sender, KeyEventArgs e)

2 {

3 RichTextBox rich = (RichTextBox)sender;

4 //throw new Exception("The method or operation is not implemented.");

5 string s = GetLastWord(rich.Text, rich.SelectionStart);

6

7 if (AllClass().IndexOf(s) > -1)

8 {

9 MySelect(rich, rich.SelectionStart, s, Color.CadetBlue, true);

10 }

11 }

1 //设定颜色

2 public static void MySelect(System.Windows.Forms.RichTextBox tb, int i, string s, Color c,bool font)

3 {

4 tb.Select(i - s.Length, s.Length);

5 tb.SelectionColor = c;

//是否改变字体

6 if(font)

7 tb.SelectionFont = new Font("宋体", 12, (FontStyle.Bold));

8 else

9 tb.SelectionFont = new Font("宋体", 12, (FontStyle.Regular));

//以下是把光标放到原来位置，并把光标后输入的文字重置

10 tb.Select(i,0);

11 tb.SelectionFont = new Font("宋体", 12, (FontStyle.Regular));

12 tb.SelectionColor = Color.Black;

13 }

这样就完成了高亮工作。

三、关键字提示

实现关键字提示也是在KeyDown中实现，在提示字种搜索GetLastWord返回的文字，如果前半部分匹配。那么就建立ListBox控件。

1 void tb_KeyDown(object sender, KeyEventArgs e)

2 {

3 RichTextBox tb = (RichTextBox)sender;

4 if (//条件搜索到匹配字符)

5 {

6 //搜索ListBox是否已经被创建

7 Control[] c = tb.Controls.Find("mylb", false);

8 if (c.Length > 0)

9 ((ListBox)c[0]).Dispose(); //如果被创建则释放

10

11 ListBox lb = new ListBox();

12 lb.Name = "mylb";

13 lb.Items.Add("asdasdasd");

14 lb.Items.Add("asdasdasd");

15 lb.Items.Add("asdasdasd");

16 lb.Items.Add("asdasdasd");

17 lb.Items.Add("asdasdasd");

18 lb.Items.Add("asdasdasd");

19 lb.Items.Add("asdasdasd");

20 lb.Show();

21 lb.TabIndex = 100;

22 lb.Location = tb.GetPositionFromCharIndex(tb.SelectionStart);

23 lb.Left += 10;

24 tb.Controls.Add(lb);

25 }

26 }

当然，另外一面，如果创建ListBox，而又在RichTextBox 点击了鼠标也去释放。

1 void rich_MouseClick(object sender, MouseEventArgs e)

2 {

3 RichTextBox tb = (RichTextBox)sender;

4 Control[] c = tb.Controls.Find("mylb", false);

5 if (c.Length > 0)

6 ((ListBox)c[0]).Dispose();

7 }

当然还得在Form1_Load里注册事件

1 rich.MouseClick += new MouseEventHandler(rich_MouseClick);

然后设置ListBox 被选择后用被选择的关键字替换前文搜索到的字符。

下面我们来看看实现行号。

四、实现行号

这个是RichTextBox 唯一令我遗憾的地方，居然无法实现行号问题。为什么呢？我首先想到的是自己画。用rich.CreateGraphics()来画。但是，由于画的时候发生在窗体被创建时，所以画不成功，而被RichTextBox 本身的绘制给覆盖了。

然后我选择了在里面添加Label控件

1 Label l = new Label();

2 l.Name = "l";

3 l.Top = 0;

4 l.TextAlign = ContentAlignment.TopRight;

5 l.Width = 40;

6 l.Text = "1";

7 l.Font = new Font("宋体", 12, (FontStyle.Regular));

8 l.Height = this.Height;

9 l.BackColor = Color.Gray;

10 l.BorderStyle = BorderStyle.None;

11 rich.Controls.Add(l);

12

13 rich.SelectionIndent = 40;

rich.SelectionIndent = 40;是把光标对齐到左边距40的位置，防止光标被Label覆盖。

实现编号还不是太难。麻烦出在如何让Lable能跟随RichTextBox 的滚动条滚动。不说实现的 细节，我就假设，如果滚动条向上滚，那么Lable的Top属性增加，反之则减少。但是，RichTextBox 居然无法对ScollBar进行监测。

根本每办法知道滚动条滚动了多少位置，甚至都没办法知道滚动条滚动的方向。

尝试去除滚动条，然后之间添加新的滚动条

1 VScrollBar vs = new VScrollBar();

2 //vs.Dock = DockStyle.Right;

3 vs.Name = "vs";

4 vs.Maximum = 0;

5 vs.Minimum = 0;

6 vs.MaximumSize = new Size(0,0);

7 vs.Top = 0;

8 vs.Left = rich.Parent.Width - 100 -22;

9 vs.Height = rich.Parent.Height - 100 -1;

10 vs.Value = 0;

11 vs.Scroll += new ScrollEventHandler(vs_Scroll);

12

13 rich.Controls.Add(vs);

但是非常难于实现同步滚动，位置很难控制。这个就是目前遇到的RichTextBox 的最大局限性了，非常遗憾，无法开发出这个功能。