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