通常在網(wǎng)頁里都有一種這樣的需求,為了界面整潔,在顯示標(biāo)題時(shí)需要把長(zhǎng)標(biāo)題以部分加省略號(hào)連綴顯示,就比如中國(guó)博客網(wǎng)顯示日志標(biāo)題--下面那樣
·在VC6中使用正則表達(dá)式解析...(2007-06-24)?
·VC中使用CInternet...(2007-06-23)?
·開源嵌入式數(shù)據(jù)庫 SQLit...(2007-06-23)?
問題一是前面那部分字符串怎么來確定,上面很明顯示的看得出來,因?yàn)闃?biāo)題中混雜著中英文,仍然沒有達(dá)到初衷。
大部分的實(shí)現(xiàn)方式是原字符串超過一定的長(zhǎng)度一切取前面指定個(gè)數(shù)的字符然后加上省略號(hào),顯示中文和英文是不能同等對(duì)待,10個(gè)漢字的寬度一般來說要大于10字母的寬度,再聰明一點(diǎn)就是近似把一個(gè)漢字折算成兩個(gè)字母寬度來估算,可是還要注意一點(diǎn)即使全是英文,10個(gè)W也要比10i寬得多,還是未能得嘗所愿。
對(duì)于單純的切取前面若干字符的支持有一些現(xiàn)成的東西:
1. Jakarta Commons Lang 中的 StringUrl.abbreviate() 工具方法
2. prototype.js 中的 truncate 函數(shù)
3. CSS 樣式表 text-overflow:ellipsis 或 -o-text-overflow:ellipsis (opera中)
可是第三種方法又有點(diǎn)傻,會(huì)根據(jù)你所設(shè)字符集可能從半個(gè)字符中斷開,產(chǎn)生亂碼,前面兩種方法以雙字節(jié)字符來處理,沒這個(gè)問題。你可把第二個(gè)<div>拷貝出來,文件存成UTF-8 或別的字符集文件來試試。

效果如右所示:

效果如右所示:
費(fèi)了這么多像素,這才真正切入正題,字符串真正寬度總是跟選用的字體名、字型、大小有關(guān),下面要介紹的方法就是依據(jù)顯示所用的字體、字形、大小可算出每一個(gè)字符在屏幕上的真正顯示寬度單位,不管是中文還是英文、是W還是i都可以在正確的位置切下去。
如假設(shè)一個(gè)中文字是12個(gè)單位寬度,那么W是12個(gè)單位寬度,i是2個(gè)單位寬度。
實(shí)現(xiàn)代碼如下:getFitWidthString 傳入一個(gè)字符串及預(yù)設(shè)顯示寬度單位,可能不是真正的像素。

































回到最早的那個(gè)例子,如果用getFitWidthString來截取字符串執(zhí)行如下碼,我們可以看看輸出效果



取了160個(gè)輸出單位寬度,輸出
在VC6中使用正則表達(dá)式解...
VC中使用CInternetSessio...
開源嵌入式數(shù)據(jù)庫 SQLite 簡(jiǎn)介
是不是更準(zhǔn)確了些,當(dāng)然還有些瑕疵,單個(gè)字符占寬度單位多的話誤差也會(huì)大一些,你可以對(duì)上面的程序進(jìn)行修正更滿足您的需求。
因?yàn)橛玫搅薃WT圖形環(huán)境的東西,所以如果你是在控制臺(tái)下啟動(dòng)的應(yīng)用服務(wù)器就需要作些配置,就像WEB應(yīng)用使用了JFreeChart來畫圖也是需要為Unix/Linux控制臺(tái)下啟動(dòng)的應(yīng)用服務(wù)器作些配置,Tomcat要在啟動(dòng)腳本中加個(gè)參數(shù),WAS的話要下載一個(gè)插件,Windows下總是在圖形環(huán)境下,無需作額外設(shè)置。