/* * Create By : 李紹良[lsl](zyzx)
* Create Time : 2015-03-16
* 轉(zhuǎn)載請(qǐng)注明來(lái)源：http://www.shnenglu.com/zyzx/category/21065.html
*/
為什么我們可以在屏幕上看到文字呢？
我們知道屏幕顯示的是RGB三原色，軟件就是將一幅位圖（RGB8888等格式）交給顯卡，再呈現(xiàn)到用戶(hù)面前。也就是說(shuō)UI里面劃分的控件也好、文字也罷，任何可顯化部分都使用BMP位圖來(lái)表達(dá)。所謂的控件也不過(guò)是工程師們賦予某個(gè)含有特定變化邏輯的位圖區(qū)域。
也就是說(shuō)文字的表現(xiàn)形式是一幅位圖，那么計(jì)算機(jī)如何辨識(shí)哪個(gè)是"A"，哪個(gè)是"B"呢？偉大的計(jì)算機(jī)說(shuō)了：一切都是數(shù)，也就是0或1。相應(yīng)的各種編碼標(biāo)準(zhǔn)應(yīng)運(yùn)而生，比如ascii、GB2312、GBK等等。也就是說(shuō)一個(gè)數(shù)值，表示一個(gè)文字，顯示的時(shí)候卻是使用這個(gè)數(shù)值對(duì)應(yīng)的圖片。
那么軟件所使用文字就有二個(gè)部分了：1.所有的字符串；2.字符串中每個(gè)字符對(duì)應(yīng)的圖片。字符串資源的做法就各領(lǐng)風(fēng)騷了，有人硬編碼；MFC使用exe的資源段；打包做到二進(jìn)制文件等等。不管如何處理，最終都需要把一個(gè)字符串比如"Hello World!"交給繪圖模塊。繪圖模塊則需要把這個(gè)字符串拆分成單個(gè)字符，按照各個(gè)語(yǔ)言規(guī)則選取對(duì)應(yīng)的圖片，一個(gè)一個(gè)的貼到屏幕上（其實(shí)是后臺(tái)緩存）。后面這個(gè)步驟一般由操作系統(tǒng)完成，那么是如何做到的呢？答案就是字庫(kù)，以及字庫(kù)的顯示規(guī)則。
字庫(kù)一般分為柵格字庫(kù)和矢量字庫(kù)，它們的目標(biāo)都是根據(jù)一個(gè)編碼值取到對(duì)應(yīng)圖片。柵格字庫(kù)相對(duì)來(lái)說(shuō)簡(jiǎn)單、高效，網(wǎng)絡(luò)上有很多關(guān)于這個(gè)的文章，可以找找相關(guān)的資料。
這里為方便，就直接取出"linux-3.18.3/lib/fonts/font_10x18.c"這個(gè)文件作為我們字庫(kù)數(shù)據(jù)。其他類(lèi)型的字庫(kù)和這個(gè)類(lèi)似，不過(guò)是將字模和規(guī)則存放于二進(jìn)制文件中而已。
如上圖，右邊的注釋框中，有個(gè)明顯的由"1"組成的圖案。其實(shí)也就是由一個(gè)個(gè)比特位組成的二值圖片。
fontdata_10x18[FONTDATAMAX]這些數(shù)據(jù)組成的規(guī)則也很簡(jiǎn)單：
1. 二值圖片高為18，寬為16(有效寬度為10)，每一行有2個(gè)字節(jié)，一個(gè)字模共36字節(jié)
2. 某ascii值的字模首地址為：fontdata_10x18[id * 36]
3. 這個(gè)是等寬字體
那么要顯示"1"其實(shí)就是就是需要將比特位1的地方著色繪制屏幕。
如下函數(shù)即是將此二值數(shù)據(jù)，繪制到緩存中。
int_t CWinGraph::DrawFont(LUI_CANVAS *ptr, int_t zoom, char id, int_t x, int_t y, int_t &cx, int_t &cy,uint32 color, bool border, uint32 color_border)
{
//下段代碼并不嚴(yán)謹(jǐn)
//實(shí)際的情況則需要看根據(jù)字庫(kù)的設(shè)計(jì)情況,按如下的思路即可
int_t w = 10, h = 18;
unsigned char *pFont = &fontdata_10x18[id * 36];
unsigned char *pData = ptr->pData + y * ptr->pitch + x * ptr->bpp;
for(int j = 0; j < h; j++)
{
unsigned char *pd = pData;
for(int i = 0; i < w; i++)
{
unsigned char *pf = pFont + j * 2 + (i >> 3);
if(*pf & (0x1 << (7 - i & 0x7)))
{
memcpy(pd, &color, ptr->bpp);
}
else if(border)
{
//簡(jiǎn)單描邊算法
int xi = 0, yj = 0;
if(0 < j)
{
xi = i; yj = j - 1;
}
else if(j < (h - 1))
{
xi = i; yj = j + 1;
}
else if(0 < i)
{
xi = i - 1; yj = j;
}
else if (i < (cx - 1))
{
xi = i + 1; yj = j;
}
pf = pFont + yj * 2 + (xi >> 3);
if(*pf & (0x1 << (7 - xi & 0x7)))
{
memcpy(pd, &color_border, ptr->bpp);
}
}
pd += ptr->bpp;
}
pData += ptr->pitch;
}
cx = w;
cy = h;
return 0;
}
好了至于字符串，那就很簡(jiǎn)單了，一個(gè)一個(gè)調(diào)用這個(gè)函數(shù)就可以了。
如下圖即是測(cè)試?yán)L制的字符串：