/* * Create By : 李紹良[lsl](zyzx)
* Create Time : 2015-03-16
* 轉(zhuǎn)載請(qǐng)注明來(lái)源:http://m.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制的字符串: