之前一邊做腳本引擎，一邊山寨一個(gè)自繪的native C++的GUI框架并且可以切換GDI或者Direct2D渲染模式。因?yàn)槌薟PF的那種高級(jí)自動(dòng)布局功能，所以必然需要知道如何測(cè)量文字大小。Direct2D測(cè)量文字大小比較麻煩，不像GDI有直接函數(shù)，并且用中英文搜好像都沒(méi)人直接給出結(jié)果，還有人在博客上寫(xiě)“這種事情好像辦不到”這樣的文字。不過(guò)經(jīng)過(guò)我遍歷MSDN，還是找到了一個(gè)曲線救國(guó)的方法的，直接上代碼：
首先是創(chuàng)建IDWriteTextFormat:
1 IDWriteFactory* dwriteFactory=GetDirectWriteFactory();
2 IDWriteTextFormat* format=0;
3 HRESULT hr=dwriteFactory->CreateTextFormat(
4 fontProperties.fontFamily.Buffer(),
5 NULL,
6 (fontProperties.bold?DWRITE_FONT_WEIGHT_BOLD:DWRITE_FONT_WEIGHT_NORMAL),
7 (fontProperties.italic?DWRITE_FONT_STYLE_ITALIC:DWRITE_FONT_STYLE_NORMAL),
8 DWRITE_FONT_STRETCH_NORMAL,
9 (FLOAT)fontProperties.size,
10 L"",
11 &format);
12 if(!FAILED(hr))
13 {
14 format->SetWordWrapping(DWRITE_WORD_WRAPPING_NO_WRAP);
15 return format;
16 }
17 else
18 {
19 return 0;
20 }
fontProperties是我自定義的一個(gè)結(jié)構(gòu)就不用去管它了，參考MSDN就知道CreateTextFormat如何使用了。其中fontProperties.fontFamily是字體的名字。然后IDWriteTextFormat就扮演著GDI的“字體對(duì)象”的角色，可以用ID2D1RenderTarget進(jìn)行繪制。ID2D1RenderTarget除了用IDWriteTextFormat當(dāng)字體以外，還可以用IDWriteTextLayout當(dāng)“添加多余信息的更復(fù)雜的字體”。測(cè)量文字的關(guān)鍵正是在這里。
接下來(lái)我們借助IDWriteTextFormat來(lái)創(chuàng)建IDWriteTextLayout：
1 IDWriteTextLayout* textLayout=0;
2 HRESULT hr=GetDirectWriteFactory()->CreateTextLayout(
3 oldText.Buffer(),
4 oldText.Length(),
5 textFormat,
6 0,
7 0,
8 &textLayout);
9 if(!FAILED(hr))
10 {
11 DWRITE_TEXT_METRICS metrics;
12 hr=textLayout->GetMetrics(&metrics);
13 if(!FAILED(hr))
14 {
15 minSize=Size((int)ceil(metrics.widthIncludingTrailingWhitespace), (int)ceil(metrics.height));
16 }
17 textLayout->Release();
18 return;
19 }
這里看minSize就知道如何測(cè)量文字的字體了。
在這里放一張暫時(shí)的圖片。我抄了WPF的那種方法，從布局和繪圖元素直接開(kāi)始可以構(gòu)造GUI，因此演示了如何使用這些東西來(lái)創(chuàng)造一個(gè)Win7的按鈕（帶動(dòng)畫(huà)的哦）打開(kāi)Vczh Library++3.0，下載代碼并打開(kāi)Candidate\GUI\GuiDemo\GuiDemo.sln，按F5就可以看到了效果了：
這一個(gè)是Direct2D渲染的結(jié)果（我在工程文件指定了DXSDK的絕對(duì)路徑，如果你們安裝的地方不同改掉它既可編譯了）。按鈕基本上跟win7的效果一摸一樣，但是這里使用Direct2D進(jìn)行渲染。當(dāng)按鈕尺寸變化的時(shí)候，那個(gè)復(fù)雜的邊框和里面的兩個(gè)漸變和文字都可以自動(dòng)對(duì)齊——但是這并不是hard code的，而是GUI的“布局功能”可以配置成這個(gè)樣子。像這兩個(gè)按鈕一直處于右下角也是“布局功能”可以提供的功能。大家可以理解為這東西類似于C#的TableLayoutPanel。
現(xiàn)在剛剛做好了按鈕——跟WPF一樣可以更換template，不過(guò)因?yàn)榉凑龥](méi)人需要?jiǎng)討B(tài)更換template所以我把template寫(xiě)在了構(gòu)造函數(shù)里面，因此換膚這種事情就變得相當(dāng)簡(jiǎn)單了——只要用布局功能跟圖元拼湊成一個(gè)復(fù)雜的圖形，然后實(shí)現(xiàn)各個(gè)控件所規(guī)定的“template接口”響應(yīng)外觀控制的消息就行了，內(nèi)置動(dòng)畫(huà)支持（這個(gè)要運(yùn)行的時(shí)候才能觀察到）。
為了方便，我在工程里面除了Debug和Release以外還加入了DebugDirect2D和ReleaseDirect2D兩個(gè)配置，可以自由切換觀看demo。
posted on 2011-10-11 07:42
陳梓瀚(vczh) 閱讀(5541)
評(píng)論(11) 編輯 收藏 引用 所屬分類:
2D