【聚杰网VC】用C++品尝Vista美味:界面的毛玻璃效果
打开毛玻璃效果
如前面一样,我们需要用黑色画刷来填充毛玻璃区域,以便营造一种透视效果。因为内置的对话框窗口处理过程会响应WM_ERASEBKGND消息,来处理诸如非矩形或半透明控件,所以,我们需要在OnPaint()而不是OnEraseBkgnd()中做绘图。
| 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)); } } |
绘制文本
在OnTimer()中,获取当前时间,并以此设置静态控件的文本:
| 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()函数会使静态控件重绘,导致OnDrawItem()函数的调用。OnDrawItem()函数中的代码与前面框架窗口例子中的类似,在此不再赘述,以下是程序外观:
![]() |
在毛玻璃效果上绘制图形
先前已提到,在毛玻璃区域中进行绘图需要用到可识别alpha的API,如GDI+函数。下面的例子用到GDI+中的Image类在对话框的左上角绘制了一个Logo,如图示:
![]() |
这个Logo是从与exe文件在同一目录的mylogo.png文件中读取的,请注意,因为使用了GDI+绘制Logo,所以Logo周围的透明度已被保留,并且看上去显示得很正确。
使整个窗口毛玻璃化
我们还可以让整个窗口看上去都像块毛玻璃,以下有一段简短代码,只需把MARGINS结构的第一个成员设为 -1就行了:
| MARGINS mar = {-1}; DwmExtendFrameIntoClientArea ( m_hWnd, &mar ); |
如果在我们的对话框程序中加入这段代码,那么程序最终将看上去像这样:
![]() |
留意观察,4个按钮上的文本颜色显示不正确,并且每个按钮外围都有一个不透明的矩形。通常来说,透明性与子窗口不会配合得非常好,如果想要一个全为毛玻璃效果的对话框,那么控件部分就需要以一个不透明的背景来绘制,如"Windows Mobility Center"程序:
![]() |
结论
在程序中添加毛玻璃效果可使程序在视觉上显得非常与众不同,而且能提供一个比通用控件中状态栏更好的状态显示区域,本文主要是起到一个抛砖引玉的作用,也有助于大家在使用本地C++添加毛玻璃效果时,对DWM API有一个初步的了解。








