這是
GacUI關(guān)于文本框高亮的最后一個(gè)Demo了。這個(gè)Demo是關(guān)于XML著色的。XML著色比起C++著色更難，主要是因?yàn)樵陬愃?lt;book name="C++ Primer">這樣的代碼里面，book和name的顏色不一樣，<和book的顏色也不一樣（參考Visual Studio）。這種時(shí)候單純依靠正則表達(dá)式來(lái)區(qū)分顏色是不夠的，我們還需要引入一個(gè)新的狀態(tài)機(jī)。這個(gè)狀態(tài)機(jī)只有三個(gè)狀態(tài)，用來(lái)區(qū)分tag name，attribute name和text三種顏色。狀態(tài)機(jī)是手寫的，并且GacUI提供了一個(gè)回調(diào)來(lái)寫這個(gè)只有寥寥幾行狀態(tài)機(jī)。先看圖：
跟C++一樣，XML著色首先是由正則表達(dá)式組成的。XML的正則表達(dá)式比較簡(jiǎn)單，只有符號(hào)、name、字符串、CData、注釋和其它一些簡(jiǎn)單的東西：
1 class XmlColorizer : public GuiTextBoxRegexColorizer
2 {
3 public:
4 XmlColorizer()
5 {
6 text::ColorEntry entry=win7::Win7GetTextBoxTextColor();
7 SetDefaultColor(entry);
8
9 entry.normal.text=Color(0, 128, 0);
10 AddToken(L"/<!--([^/-]|-[^/-]|--[^>])*--/>", entry);
11
12 entry.normal.text=Color(128, 0, 255);
13 AddToken(L"/<!/[CDATA/[([^/]]|/][^/]]|/]/][^>])*/]/]/>", entry);
14
15 entry.normal.text=Color(0, 0, 0);
16 AddToken(L"\"[^\"]*\"", entry);
17
18 entry.normal.text=Color(0, 0, 255);
19 AddToken(L"[<>=]", entry);
20
21 entry.normal.text=Color(255, 0, 0);
22 AddToken(L"[a-zA-Z0-9_/-:]+", entry);
23
24 entry.normal.text=Color(163, 21, 21);
25 AddExtraToken(entry);
26
27 Setup();
28 }
29
30 void ColorizeTokenContextSensitive(const wchar_t* text, vint start, vint length, vint& token, int& contextState)override
31 {
32 
33 }
34
35 int GetContextStartState()override
36 {
37
38 }
39 }; 其次要對(duì)三種地方的[a-zA-Z0-9_/-:]進(jìn)行著色。Tag的名字用褐色，attribute的名字用紅色，而普通文本用黑色。因此我們可以做一個(gè)狀態(tài)機(jī)，初始狀態(tài)為0。如果讀進(jìn)了<，狀態(tài)變成1。1遇到了一個(gè)Tag名字之后變?yōu)?。從2開(kāi)始所有的名字就只能是attribute的名字了。我們只考慮正確的情況，錯(cuò)誤的代碼著色出了問(wèn)題不僅沒(méi)有壞處，還可以提醒程序員有什么地方寫錯(cuò)了。之后遇到了>變回0，在0的狀態(tài)下所有的東西都是普通文本，所以名字就都是黑色的。因此上面ColorizeTokenContextSensitive函數(shù)中就需要填入這個(gè)邏輯。GetContextStartState返回0，作為第一行的起始狀態(tài)。代碼如下：
void ColorizeTokenContextSensitive(const wchar_t* text, vint start, vint length, vint& token, int& contextState)override
{
// 0 < 1 name 2 att > 0
switch(token)
{
case 3:
if(length==1)
{
switch(text[start])
{
case '<':
contextState=1;
break;
case '>':
contextState=0;
break;
}
}
break;
case 4:
switch(contextState)
{
case 0:
token=-1;
break;
case 1:
token=5;
contextState=2;
break;
}
break;
}
}
int GetContextStartState()override
{
return 0;
}
這個(gè)函數(shù)里面有幾個(gè)魔法數(shù)字，其實(shí)都是關(guān)于Token的編號(hào)的。構(gòu)造函數(shù)里面我們使用AddToken將一個(gè)顏色關(guān)聯(lián)到正則表達(dá)式上，使用AddExtraToken創(chuàng)建一個(gè)沒(méi)有正則表達(dá)式關(guān)聯(lián)的顏色。所以在這個(gè)狀態(tài)機(jī)里面，所有的顏色都用Token的序號(hào)來(lái)表示。無(wú)論是使用AddToken還是AddExtraToken，第一個(gè)顏色編號(hào)為0，第二個(gè)顏色編號(hào)為1。因此case 3指的是[<>=]，而case 4指的是[a-zA-Z0-9_/-:]+。而case 4里面的token=5則表示在狀態(tài)為1的時(shí)候，名字都用AddExtraToken指定的那個(gè)褐色進(jìn)行染色。缺省的名字（也就是id為4的token）是紅色，所以不需要對(duì)contextState為2的時(shí)候進(jìn)行處理。
這樣我們就完成了XML的著色。GacUI接下來(lái)的幾個(gè)Demo將會(huì)是關(guān)于ListBox、ListView和TreeView的，敬請(qǐng)期待。
posted on 2012-05-20 00:41
陳梓瀚(vczh) 閱讀(2244)
評(píng)論(2) 編輯 收藏 引用 所屬分類:
GacUI