編輯器制作之代碼折疊
代碼折疊這個(gè)功能，我最早是在Dreamweaver里面看到的，具體哪個(gè)版本記不清了，好多年了。
當(dāng)時(shí)DW的實(shí)現(xiàn)是當(dāng)你選擇文本的時(shí)候，在編輯器的左側(cè)，有一個(gè)折疊的提示，提示你可以把選中的
文本折疊起來(lái)。那個(gè)時(shí)候覺(jué)得這個(gè)功能，毫無(wú)用處。不過(guò)自從VisualStudio2003以來(lái)，代碼折疊
這個(gè)功能幾乎成為了程序員的必備。
的確，在瀏覽代碼的時(shí)候，代碼折疊可以帶來(lái)一些好處，讓重點(diǎn)凸顯在用戶的面前，或者可以拉近兩塊
相隔很遠(yuǎn)的代碼，實(shí)現(xiàn)比較。當(dāng)然，這個(gè)也完全可以通過(guò)分割視圖完成。
在眾多的編輯器當(dāng)中，我認(rèn)為單純就代碼折疊而言，目前實(shí)現(xiàn)的最好的還是VisualStudio，它
可以根據(jù)語(yǔ)言上下文的關(guān)系，即語(yǔ)法，進(jìn)行代碼折疊，這是其它編輯器無(wú)法企及的。當(dāng)然，它本身也是
一個(gè)重量級(jí)的IDE，超出了簡(jiǎn)單編輯器的范疇。
本文試圖描述代碼折疊最基本的思路，沒(méi)有具體的代碼。其實(shí)這個(gè)功能并不難實(shí)現(xiàn)，相反很簡(jiǎn)單。
難點(diǎn)在于要和編輯器本身很好的結(jié)合。
以下面的C語(yǔ)言為例。
1 #include <stdio.h>
2
3 int main(int argc, char *argv[])
4 {
5 printf("Hello, world\n");
6
7 return 0;
8 }
9
如果對(duì)上面的代碼進(jìn)行折疊，應(yīng)該如何實(shí)現(xiàn)呢？聰明的讀者，應(yīng)該馬上就會(huì)知道了代碼折疊的思路了。
對(duì)，就是在{和},即兩個(gè)大括號(hào)之間進(jìn)行折疊。那么如何實(shí)現(xiàn)遞歸折疊呢？這個(gè)也很簡(jiǎn)單，我們只要標(biāo)記
一個(gè)Level，不同的Level之間用不同的圖標(biāo)顯示在編輯器左側(cè)，點(diǎn)擊的時(shí)候根據(jù)Level的前后大小關(guān)系，
判斷是該折疊還是該展開(kāi)。
比如下面的代碼：
1 #include <stdio.h>
2
3 int main(int argc, char *argv[])
4 {
5 {
6 printf("Hello, world\n");
7
8 }
9 return 0;
10 }
在第4行和第5行的時(shí)候我們應(yīng)該顯示一個(gè)+,5, 6,7,8,9我們應(yīng)該顯示和上下文關(guān)聯(lián)的"|"符號(hào),那么代碼
也就很好寫(xiě)了。如下,根據(jù)前一行的level設(shè)置本行的level:
int set_level( int prevLevel, const char* str, int len, void* others ){
int retLevel = prevLevel;
while( ! end of str ){
if( str has '{' )
retLevel++;
if( str has '}' )
retLevel--;
}
return retLevel;
}
分析完的level要保存在行信息里面.不然就無(wú)法繪制+或者-了。
瞧，如此簡(jiǎn)單的代碼折疊就出來(lái)了。
其實(shí)大部分的簡(jiǎn)單編輯器都是這么多的，比如scintilla。這么做的好處是實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單，高效，
而且基本上能滿足大部分的需求。另外，上面的函數(shù)還有一個(gè)參數(shù)others，這個(gè)可以根據(jù)前文已經(jīng)做過(guò)的詞法分析，
再做進(jìn)一步處理，從而實(shí)現(xiàn)過(guò)濾掉注釋或者字符串里面的{和}，并且還可以實(shí)現(xiàn)對(duì)注釋的折疊。
很顯然，這種方法也有缺點(diǎn)，就是只能實(shí)現(xiàn)類C的這種代碼折疊。沒(méi)有辦法，每種語(yǔ)言都有自己的特色，
要想做更好的折疊只有這個(gè)辦法。比如vb，我們可以在funtion和end function之間折疊,html我們可以在
<body>和</body>之間折疊。不可能寫(xiě)了一個(gè)就會(huì)萬(wàn)能的。
不過(guò)，可以有一種類似萬(wàn)能的效果，就是利用Tab或者空格來(lái)折疊。也就是Editplus現(xiàn)在做成的那樣。
這個(gè)實(shí)現(xiàn)起來(lái)思路和上面是一模一樣的，不再贅述。
ps:下一篇，編輯器之代碼自動(dòng)補(bǔ)全，敬請(qǐng)期待。
posted on 2009-03-07 16:07
megax 閱讀(3970)
評(píng)論(13) 編輯 收藏 引用