之前一邊做腳本引擎，一邊山寨一個自繪的native C++的GUI框架并且可以切換GDI或者Direct2D渲染模式。因為抄了WPF的那種高級自動布局功能，所以必然需要知道如何測量文字大小。Direct2D測量文字大小比較麻煩，不像GDI有直接函數(shù)，并且用中英文搜好像都沒人直接給出結(jié)果，還有人在博客上寫“這種事情好像辦不到”這樣的文字。不過經(jīng)過我遍歷MSDN，還是找到了一個曲線救國的方法的，直接上代碼：
首先是創(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是我自定義的一個結(jié)構(gòu)就不用去管它了，參考MSDN就知道CreateTextFormat如何使用了。其中fontProperties.fontFamily是字體的名字。然后IDWriteTextFormat就扮演著GDI的“字體對象”的角色，可以用ID2D1RenderTarget進行繪制。ID2D1RenderTarget除了用IDWriteTextFormat當(dāng)字體以外，還可以用IDWriteTextLayout當(dāng)“添加多余信息的更復(fù)雜的字體”。測量文字的關(guān)鍵正是在這里。
接下來我們借助IDWriteTextFormat來創(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就知道如何測量文字的字體了。
在這里放一張暫時的圖片。我抄了WPF的那種方法，從布局和繪圖元素直接開始可以構(gòu)造GUI，因此演示了如何使用這些東西來創(chuàng)造一個Win7的按鈕（帶動畫的哦）打開Vczh Library++3.0，下載代碼并打開Candidate\GUI\GuiDemo\GuiDemo.sln，按F5就可以看到了效果了：
這一個是Direct2D渲染的結(jié)果（我在工程文件指定了DXSDK的絕對路徑，如果你們安裝的地方不同改掉它既可編譯了）。按鈕基本上跟win7的效果一摸一樣，但是這里使用Direct2D進行渲染。當(dāng)按鈕尺寸變化的時候，那個復(fù)雜的邊框和里面的兩個漸變和文字都可以自動對齊——但是這并不是hard code的，而是GUI的“布局功能”可以配置成這個樣子。像這兩個按鈕一直處于右下角也是“布局功能”可以提供的功能。大家可以理解為這東西類似于C#的TableLayoutPanel。
現(xiàn)在剛剛做好了按鈕——跟WPF一樣可以更換template，不過因為反正沒人需要動態(tài)更換template所以我把template寫在了構(gòu)造函數(shù)里面，因此換膚這種事情就變得相當(dāng)簡單了——只要用布局功能跟圖元拼湊成一個復(fù)雜的圖形，然后實現(xiàn)各個控件所規(guī)定的“template接口”響應(yīng)外觀控制的消息就行了，內(nèi)置動畫支持（這個要運行的時候才能觀察到）。
為了方便，我在工程里面除了Debug和Release以外還加入了DebugDirect2D和ReleaseDirect2D兩個配置，可以自由切換觀看demo。
posted on 2011-10-11 07:42
陳梓瀚(vczh) 閱讀(5564)
評論(11) 編輯 收藏 引用 所屬分類:
2D