Thu, 17 Jan 2008 14:09:00 GMT

��?/strong>
本文��演�C�在��Z��Windows Vista的普通Windows应用�E�序及对话框�E�序中，如何利用C++来生成Aero毛玻璃效果，此处使用的是Beta 2版本的Vista及Windows SDK�Q�也许在后箋的版本中�Q�一些API在细节上会有所变化。另外，文中没有使用MFC�Q�全部例子用WTL 7.5生成�Q�其可在http://wtl.sourceforge.net/下蝲得到�Q�虽然此处��用的是Visual C++ 2003�Q�但Visual C++ 2005也类伹{�?/p>
Aero主题及毛�ȝ��效果�Q�是随同Vista“桌面�H�口��理�Q�DWM�Q?#8221;而来的新�Ҏ��，也是微��Y市场推广的一个重心，在应用程序中集成毛玻璃效果，当打开Aero主题�Ӟ��E�序看上��M��昑־�非常与众不同--很酷�Q�对吧�?

Aero主题中的毛玻璃效�?/strong>

当以Aero��Z��题时�Q�Vista会根据计��机昑֍��q�行判断是否开启毛�ȝ��效果�Q�此时桌面由DWM�q�行�l�制�Q�而DWM使用一个composition�q�程来渲染桌面，其会在顶层窗口的非客户区自动使用Aero主题元素�Q�有点类��g��Windows XP�Q�。话又说回来�Q�也不是��M��d��q�些毛玻璃效果的�Q�如果计��机�q�行�?甉|��模式"�Q�或用户军_��关闭透明效果�Q�那么非客户区就不会有毛�ȝ��效果了，如下图所�C��?/p>

如果在控刉��板的可视效果中打开了透明�ȝ��效果�Q�那非客户区看上��d��像下图这��P��

��L��意，��C��本的�Ҏ��呈现�l�色调，�q�是墙纸透过来的颜色�Q��ƈ且也可以透过标题栏看到桌面的一些图标�?/p>
我们在编写代码的时候，关键只须留意composition是否打开�Q�而不是设�|�了什么毛�ȝ��效果�Q�因为DWM会处理毛�ȝ��效果�l�制的部分�?/p>
��目开�?/strong>

�W�一个示例程序是不带视窗口、工��h��、状态条的SDI应用�E�序�Q�在�q�行完WTL AppWizard之后�Q�第一件事��是讄��stdafx.h中的#define�Q�以便利用Vista的新�Ҏ��。Vista的Windows版本�?�Q�且Vista中IE的版本�ؓ7�Q�设�|�完成后应像下面�q�样�Q?/p>

#define WINVER 0x0600

#define _WIN32_WINNT 0x0600

#define _WIN32_IE 0x0700

接下来包含ATL与WTL的头文�g�Q?br>

#define _WTL_NO_WTYPES // 不要在WTL头文件中定义CRect/CPoint/CSize

#include

#include //�׃�n的CRect/CPoint/CSize

#include

extern CAppModule _Module;

#include

#include

#include

#include

#include // XP/Vista主题支持

#include // DWM API

如果修改完成之后��q��译，��会从atltheme.h中得�?个错误。例如，以下是不会编译通过的CTheme::GetThemeTextMetrics()代码�Q?br>

HRESULT GetThemeTextMetrics(..., PTEXTMETRICW pTextMetric)

{

　ATLASSERT(m_hTheme != NULL);

　//注意�Q�因为uxtheme.h头文�Ӟ��所以�{换�ؓPTEXTMETRIC�?br>
　//替换掉PTEXTMETRICW是不对的

　return ::GetThemeTextMetrics(m_hTheme, ..., (PTEXTMETRIC) pTextMetric);

}

在GetThemeTextMetrics() API中的转换�Q�是对Platform SDK的uxtheme.h中错误的修正�Q�然而，Windows SDK却没有这个错误，所以这个�{换导致了一个错误，可删除函��C��的这个�{换，其他三个也同栗��?/p>
��d��Ҏ��的毛�ȝ��效果

通过把毛�ȝ��效果从非客户区扩展到客户区，��可完成��d��E�序的毛�ȝ��效果�Q�这个API是DwmExtendFrameIntoClientArea()。DwmExtendFrameIntoClientArea()接受两个参数�Q�我们框架窗口的HWND和一个用于说明毛�ȝ��效果扩展到窗口四周多�q�的MARGINS�l�构。可在OnCreate()中调用这个API�Q?/p>

LRESULT CMainFrame::OnCreate(LPCREATESTRUCT lpcs)

{

　//在底部添加玻璃效�?br>
　MARGINS mar = {0};

　mar.cyBottomHeight = 100;

　DwmExtendFrameIntoClientArea ( m_hWnd, &mar );

　return 0;

}

但如果运行程序，看不到有��M��变化�Q?/p>

�q�是因�ؓ毛玻璃效果依赖于�H�口的透明度，为显�C�出�ȝ��效果�Q�区域中像素�Q�在本例中�ؓ客户区底部的100像素�Q�的alpha值必��设�|��ؓ0。最��单的�Ҏ��是用一个黑��d��来绘制这个区域，它会把像素的颜色��|��U�、绿、蓝和alpha�Q�设�?�Q�可在OnEraseBkgnd()中完成：

BOOL CMainFrame::OnEraseBkgnd ( HDC hdc )

{

　CDCHandle dc = hdc;

　CRect rcClient;

　GetClientRect(rcClient);

　dc.FillSolidRect(rcClient, RGB(0,0,0));

　return true;

}

修改之后�Q�框架窗口看��h��像这��P��

底部�?00像素现在是毛�ȝ��效果了�?/p>
在毛�ȝ��区域��d��文本

在窗口中��d��毛玻璃效果是比较��单的部分�Q�但要把自己的界面元素（UI�Q�添加到毛玻璃之上，��有炚w��度了。因为必��M��直保持像素的alpha��|��所以就要用到那些可以理解�ƈ适当讄��alpha的绘图API。坏消息是，GDI函数差不多全部不理会alpha--唯一剩下的API则�ؓ带有SRCCOPY光栅操作的BilBlt()函数了，因此�Q�程序必��M��用GDI+或主题API来进行绘图，�q�些API都是时刻不忘alpha的�?/p>
在Vista中，有关毛玻璃的效果一般用在表�C�程序状态的区域�Q�取代了通用控�g中的状态栏�Q�，例如�Q�Windows Media Player 11��在�H�口底部的毛�ȝ��区域昄��播放控制与当前歌曲信息：

以下�Q�将演示怎样在毛�ȝ��区域上绘制文本，�q�怎样在文本上��d��发光效果�Q�以便文本在��M��背景上都方便阅读�?/p>
使用正确的字�?/strong>

Vista已经��d��攑ּ�使用MS Sans Serif与Tahoma字体�Q��{而把Segoe UI作�ؓ默认的UI字体。我们的�E�序也应该��用Segoe UI字体�Q�所以，��会在基于当前主题的情况下创��Z��个字体。如果主题被��用�Q�如用户正在使用Windows�l�典颜色�Ҏ��Q�，那我们就使用SystemParametersInfo() API�?/p>
首先�Q�需要在CMainFrame中添加主题支持，�q�一炚w��常简单，因�ؓWTL已经有一个用于处理主题的�c�：CThemeImpl。我们可把CThemeImpl��d��到��承列表，�q�把消息链接至CThemeImpl�Q�以便在当前主题改变�Ӟ��E�序可以得到相应的通知�?/p>

class CMainFrame :

public CFrameWindowImpl,

public CMessageFilter,

public CThemeImpl

{

　// ...

　BEGIN_MSG_MAP(CMainFrame)

CHAIN_MSG_MAP(CThemeImpl)

// ...

　END_MSG_MAP()

　protected:

CFont m_font; //用于�l�制文本的字�?br>
};

在CMainFrame的构造函��C��Q�我们调用了CThemeImpl::SetThemeClassList()�Q�其指定了我们正在��用哪一个主题的�H�口�c�R��对一般窗口来��_��即不是普通控件的�H�口�Q�，名称�?globals"�?br>

CMainFrame::CMainFrame()

{

　SetThemeClassList ( L"globals" );

}

最后，在OnCreate()中，从主题中��d��字体信息�Q��ƈ创徏一个字体自用：

LRESULT CMainFrame::OnCreate ( LPCREATESTRUCT lpcs )

{

　// ...

　//军_��在文本中使用哪一�U�字�?br>
　LOGFONT lf = {0};

　if ( !IsThemeNull() )

GetThemeSysFont ( TMT_MSGBOXFONT, &lf );

　else

　{

NONCLIENTMETRICS ncm = { sizeof(NONCLIENTMETRICS) };

SystemParametersInfo (SPI_GETNONCLIENTMETRICS, sizeof(NONCLIENTMETRICS),&ncm, false );

lf = ncm.lfMessageFont;

　}

　m_font.CreateFontIndirect ( &lf );

　return 0;

}

�l�制文本

在毛�ȝ��效果上绘制文本涉及以下步骤：

◆创��Z��个用于双�~�冲�l�制的内存DC�?br>
◆创��Z��?2位色��q��DIB�Q��ƈ选入DC�?br>
◆用DrawThemeTextEx()把文本绘制在内存中的DIB上�?br>
◆用BitBit()把文本复制到屏幕�?/p>
因�ؓ我们的绘制代码将会因为composition是否打开而有所不同�Q�所以需要在�l�制期间��查composition状态。检查状态的API为DwmIsCompositionEnabled()�Q�如果API执行��p�|�Q�在�q�回��g��׃��会指�C�出打开状态，但CMainFrame中有一个包装好的函数IsCompositionEnabled()�Q�非常易于��用：

bool CMainFrame::IsCompositionEnabled() const

{

　HRESULT hr;

　BOOL bEnabled;

　hr = DwmIsCompositionEnabled(&bEnabled);

　return SUCCEEDED(hr) && bEnabled;

}

现在�Q�让我们再检查一遍OnEraseBkgnd()�Q�看看每个步骤是否都完成了。这个程序是一个时钟程序，所以先用GetTimeFormat()获取当前旉��Q?br>

BOOL CMainFrame::OnEraseBkgnd(HDC hdc)

{

　CDCHandle dc = hdc;

　CRect rcClient, rcText;

　GetClientRect ( rcClient );

　dc.FillSolidRect ( rcClient, RGB(0,0,0) );

　rcText = rcClient;

　rcText.top = rcText.bottom - 100;

　

　//获取当前旉��

　TCHAR szTime[64];

　GetTimeFormat(LOCALE_USER_DEFAULT,0,NULL,NULL,szTime,_countof(szTime));

　……

}

如果composition打开�Q�我们就�q�行合成�l�制步骤�Q�先讄��好一个内存DC�Q?br>

if ( IsCompositionEnabled() )

{

　//讄��一个我们将�l�制的内存DC和位�?br>
　CDC dcMem;

　CBitmap bmp;

　BITMAPINFO dib = {0};

　dcMem.CreateCompatibleDC ( dc );

接下来，填充BITMAPINFO�l�构以得��C��?2位色�׃��图，且与毛玻璃区域的高宽相同。此处需重点留意的是�Q�位��N��度（即BITMAPINFOHEADER的biHeight成员�Q��ؓ负数�Q�这是因为通常情况下BMP是按照从下至上的��序存储在内存中的，但DrawThemeTextEx()需要的位图��序是从上至下，所以要把高度设��数�?/p>

dib.bmiHeader.biSize = sizeof(BITMAPINFOHEADER);

dib.bmiHeader.biWidth = rcText.Width();

dib.bmiHeader.biHeight = -rcText.Height();

dib.bmiHeader.biPlanes = 1;

dib.bmiHeader.biBitCount = 32;

dib.bmiHeader.biCompression = BI_RGB;

bmp.CreateDIBSection (dc,&dib,DIB_RGB_COLORS,NULL,NULL,0);

现在�Q�我们的囑�Ş对象��创建好了，可以开始绘制文本了�?br>

//讄��好DC

dcMem.SelectBitmap ( bmp );

dcMem.SelectFont ( m_font );

//�l�制文本

DTTOPTS dto = { sizeof(DTTOPTS) };

const UINT uFormat = DT_SINGLELINE|DT_CENTER|DT_VCENTER|DT_NOPREFIX;

CRect rcText2 = rcText;

dto.dwFlags = DTT_COMPOSITED|DTT_GLOWSIZE;

dto.iGlowSize = 10;

rcText2 -= rcText2.TopLeft(); //相同的rect�Q�但左上角�ؓ(0,0)

DrawThemeTextEx ( m_hTheme, dcMem, 0, 0, CT2CW(szTime), -1,

uFormat, rcText2, &dto );

DTTOPTS�l�构控制了文本怎样被绘�Ӟ��在标志中我们指明了要�l�制"合成文本"�Q��ƈ让文本有一个发光效果。最后，把内存中的位图脓到屏�q�上�Q?br>

　//��文本绘制到屏幕上�?br>
　BitBlt ( dc, rcText.left, rcText.top, rcText.Width(), rcText.Height(), dcMem, 0, 0, SRCCOPY );

} // end if (IsCompositionEnabled())

如果composition未打开�Q�我们用GDI函数�l�制文本�Q?br>

else

{

　const UINT uFormat = DT_SINGLELINE|DT_CENTER|DT_VCENTER|DT_NOPREFIX;

　//讄��好DC

　dc.SetTextColor ( RGB(255,255,255) );

　dc.SelectFont ( m_font );

　dc.SetBkMode ( TRANSPARENT );

　//�l�制文本

　dc.DrawText ( szTime, -1, rcText, uFormat );

}

return true; //我们�l�制了整个背�?br>
}

下面��是“合成文本”的模��P��

为演�C�发光效果，下面是同一背景上的一�D�|��本，但没有发光效果：

处理composition相关的通知

当DWM的composition状态打开或关闭时�Q�系�l�会向所有顶层窗口广播一个WM_DWMCOMPOSITIONCHANGED消息�Q�如果composition为打开�Q�需要再�ơ调用DwmExtendFrameIntoClientArea()以告之DWM�Q�我们窗口的哪一部分应�ؓ毛玻璃效果：

LRESULT CMainFrame::OnCompositionChanged(...)

{

　if ( IsCompositionEnabled() )

　{

MARGINS mar = {0};

mar.cyBottomHeight = 100;

DwmExtendFrameIntoClientArea ( m_hWnd, &mar );

　}

　return 0;

}

在对话框�E�序中应用毛�ȝ��效果

在对话框�E�序中添加毛�ȝ��效果的过�E�，与上面框架窗口的例子非常�怼��Q�但需要对代码作一些轻微的改动。在�C�Z��对话框程序中为顶层窗口添加了毛玻璃效果，下面�Q�相对前一例子作了修改或添加的代码�Q�将以黑体字标出�?strong>

讄��对话�?/strong>

如之前一��P��要告之CThemeImpl我们要��用哪个窗口类主题�Q��ƈ调用DwmExtendFrameIntoClientArea()为窗口边框添加毛�ȝ��效果�?/p>

CMainDlg::CMainDlg()

{

　SetThemeClassList ( L"globals" );

}

BOOL CMainDlg::OnInitDialog ( HWND hwndFocus, LPARAM lParam )

{

　//删除了向导生成的某些初始化代�?br>
　//为顶层窗口添加毛�ȝ��效果

　if ( IsCompositionEnabled() )

　{

MARGINS mar = {0};

mar.cyTopHeight = 150;

DwmExtendFrameIntoClientArea ( m_hWnd, &mar );

　}

接下来，构徏文本字体。注意，我们需要显式调用OpenThemeData()�Q�而�ؓ什么在前面的框架窗口例子中不需要调用呢�Q�因为CThemeImpl在它的WM_CREATE处理�E�序中已调用了。反观对话框取而代之接收WM_INITDIALOG�Q�而CThemeImpl未处理WM_INITDIALOG�Q�所以就需要我们自��p��用OpenThemeData()了。另外，在代码中也把字体讄��得更大，只是��Z��演示更大字体的发光效果�?

//军_��使用哪一�U�字�?br>
LOGFONT lf = {0};

OpenThemeData();

if ( !IsThemeNull() )

　GetThemeSysFont ( TMT_MSGBOXFONT, &lf );

else

{

　NONCLIENTMETRICS ncm = { sizeof(NONCLIENTMETRICS) };

　SystemParametersInfo (SPI_GETNONCLIENTMETRICS, sizeof(NONCLIENTMETRICS),&ncm, false );

　lf = ncm.lfMessageFont;

}

lf.lfHeight *= 3;

m_font.CreateFontIndirect ( &lf );

对话框的��层�H�口上有一个大的静态文本控�Ӟ��也就是我们要�l�制旉��的地斏V��代码设�|�了控�g的owner-draw风格�Q�因此，我们可把所有的文本�l�制代码都放在OnDrawItem()中：

//讄��静态文本控件的owner-draw

m_wndTimeLabel.Attach ( GetDlgItem(IDC_CLOCK) );

m_wndTimeLabel.ModifyStyle ( SS_TYPEMASK, SS_OWNERDRAW );

最后，调用EnableThemeDialogTexture()以便对话框背景��用当前主题来�l�制�?br>

//其他初始化代�?br>
EnableThemeDialogTexture ( ETDT_ENABLE );

//讄��计时器的旉��间隔�?�U�，以在每个�U�钟内都能更新时�?br>
SetTimer ( 1, 1000 );

return TRUE;

}

打开毛玻璃效�?/strong>

如前面一��P��我们需要用黑色��d��来填充毛�ȝ��区域�Q�以便营造一�U�透视效果。因为内�|�的对话框窗口处理过�E�会响应WM_ERASEBKGND消息�Q�来处理诸如非矩形或半透明控�g�Q�所以，我们需要在OnPaint()而不是OnEraseBkgnd()中做�l�图�?/p>

void CMainDlg::OnPaint ( HDC hdc )

{

　CPaintDC dc(m_hWnd);

　CRect rcGlassArea;

　if ( IsCompositionEnabled() )

　{

GetClientRect ( rcGlassArea );

rcGlassArea.bottom = 150;

dc.FillSolidRect(rcGlassArea, RGB(0,0,0));

　}

}

�l�制文本

在OnTimer()中，获取当前旉��Q��ƈ以此讄��静态控件的文本�Q?/p>

void CMainDlg::OnTimer ( UINT uID, TIMERPROC pProc )

{

　//获取当前旉��

　TCHAR szTime[64];

　GetTimeFormat ( LOCALE_USER_DEFAULT, 0, NULL, NULL,szTime, _countof(szTime) );

　m_wndTimeLabel.SetWindowText ( szTime )

}

SetWindowText()函数会��静态控仉��l�，��D��OnDrawItem()函数的调用。OnDrawItem()函数中的代码与前面框架窗口例子中的类��|��在此不再赘述�Q�以下是�E�序外观�Q?/p>

在毛�ȝ��效果上绘制图�?/strong>

先前已提刎ͼ�在毛�ȝ��区域中进行绘��N��要用到可识别alpha的API�Q�如GDI+函数。下面的例子用到GDI+中的Image�c�d��对话框的左上角绘制了一个Logo�Q�如囄��Q?/p>

�q�个Logo是从与exe文�g在同一目录的mylogo.png文�g中读取的�Q�请注意�Q�因��Z��用了GDI+�l�制Logo�Q�所以Logo周围的透明度已被保留，�q�且看上��L��C�得很正��?/p>
使整个窗口毛�ȝ��?/strong>

我们�q�可以让整个�H�口看上去都像块毛玻璃，以下有一�D늮�短代码，只需把MARGINS�l�构的第一个成员设�?-1��p��了：

MARGINS mar = {-1};

DwmExtendFrameIntoClientArea ( m_hWnd, &mar );

如果在我们的对话框程序中加入�q�段代码�Q�那么程序最�l�将看上��d��q�样�Q?/p>

留意观察�Q?个按钮上的文本颜色显�C�Z��正确�Q��ƈ且每个按钮外围都有一个不透明的矩形。通常来说�Q�透明性与子窗口不会配合得非常好，如果惌��一个全为毛�ȝ��效果的对话框�Q�那么控仉��分就需要以一个不透明的背景来�l�制�Q�如"Windows Mobility Center"�E�序�Q?/p>

�l�论

在程序中��d��毛玻璃效果可使程序在视觉上显得非�怸�众不同，而且能提供一个比通用控�g中状态栏更好的状态显�C�区域，本文主要是�v��C��个抛砖引玉的作用�Q�也有助于大家在使用本地C++��d��毛玻璃效果时�Q�对DWM API有一个初步的了解�?/p>

��p��色系�l?/a> 2008-01-17 22:09 发表评论

国产精品一区二区久久久久,欧美日韩一视频区二区,国产午夜精品久久久久久久