当前位置:0101部落 >> 技术文档 >> Windows >> 浏览文章 【字体:
用C++品尝Vista美味:界面的毛玻璃效果
作者:未知 日期:2007年10月18日 阅读次数: 来源:天极网
 

简介

  本文将演示在基于Windows Vista的普通Windows应用程序及对话框程序中,如何利用C++来生成Aero毛玻璃效果,此处使用的是Beta 2版本的Vista及Windows SDK,也许在后续的版本中,一些API在细节上会有所变化。另外,文中没有使用MFC,全部例子用WTL 7.5生成,其可在http://wtl.sourceforge.net/下载得到,虽然此处使用的是Visual C++ 2003,但Visual C++ 2005也类似。

  Aero主题及毛玻璃效果,是随同Vista"桌面窗口管理(DWM)"而来的新特性,也是微软市场推广的一个重心,在应用程序中集成毛玻璃效果,当打开Aero主题时,程序看上去会显得非常与众不同--很酷,对吧。

  Aero主题中的毛玻璃效果

  当以Aero为主题时,Vista会根据计算机显卡进行判断是否开启毛玻璃效果,此时桌面由DWM进行绘制,而DWM使用一个composition进程来渲染桌面,其会在顶层窗口的非客户区自动使用Aero主题元素(有点类似于Windows XP)。话又说回来,也不是总会添加这些毛玻璃效果的,如果计算机运行于"电池模式",或用户决定关闭透明效果,那么非客户区就不会有毛玻璃效果了,如下图所示。

 

点此在新窗口浏览图片


  如果在控制面板的可视效果中打开了透明玻璃效果,那非客户区看上去就像下图这样:

 

点此在新窗口浏览图片


  请留意,记事本的边框呈现绿色调,这是墙纸透过来的颜色,并且也可以透过标题栏看到桌面的一些图标。

  我们在编写代码的时候,关键只须留意composition是否打开,而不是设置了什么毛玻璃效果,因为DWM会处理毛玻璃效果绘制的部分。

  项目开始

  第一个示例程序是不带视窗口、工具条、状态条的SDI应用程序,在运行完WTL AppWizard之后,第一件事就是设置stdafx.h中的#define,以便利用Vista的新特性。Vista的Windows版本为6,且Vista中IE的版本为7,设置完成后应像下面这样:

 

#define WINVER 0x0600
#define _WIN32_WINNT 0x0600
#define _WIN32_IE 0x0700


  接下来包含ATL与WTL的头文件:

 

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

extern CAppModule _Module;

#include
#include
#include
#include
#include // XP/Vista主题支持
#include // DWM API


  如果修改完成之后就编译,将会从atltheme.h中得到4个错误。例如,以下是不会编译通过的CTheme::GetThemeTextMetrics()代码:

 

HRESULT GetThemeTextMetrics(..., PTEXTMETRICW pTextMetric)
{
 ATLASSERT(m_hTheme != NULL);

 //注意:因为uxtheme.h头文件,所以转换为PTEXTMETRIC。
 //替换掉PTEXTMETRICW是不对的
 return ::GetThemeTextMetrics(m_hTheme, ..., (PTEXTMETRIC) pTextMetric);
}


  在GetThemeTextMetrics() API中的转换,是对Platform SDK的uxtheme.h中错误的修正,然而,Windows SDK却没有这个错误,所以这个转换导致了一个错误,可删除函数中的这个转换,其他三个也同样。
添加边框的毛玻璃效果

  通过把毛玻璃效果从非客户区扩展到客户区,就可完成添加程序的毛玻璃效果,这个API是DwmExtendFrameIntoClientArea()。DwmExtendFrameIntoClientArea()接受两个参数:我们框架窗口的HWND和一个用于说明毛玻璃效果扩展到窗口四周多远的MARGINS结构。可在OnCreate()中调用这个API:

 

LRESULT CMainFrame::OnCreate(LPCREATESTRUCT lpcs)
{
 //在底部添加玻璃效果
 MARGINS mar = {0};
 mar.cyBottomHeight = 100;
 DwmExtendFrameIntoClientArea ( m_hWnd, &mar );
 return 0;
}


  但如果运行程序,看不到有任何变化:

 

点此在新窗口浏览图片


  这是因为毛玻璃效果依赖于窗口的透明度,为显示出玻璃效果,区域中像素(在本例中为客户区底部的100像素)的alpha值必须设置为0。最简单的方法是用一个黑画刷来绘制这个区域,它会把像素的颜色值(红、绿、蓝和alpha)设为0,可在OnEraseBkgnd()中完成:

 

BOOL CMainFrame::OnEraseBkgnd ( HDC hdc )
{
 CDCHandle dc = hdc;
 CRect rcClient;
 GetClientRect(rcClient);
 dc.FillSolidRect(rcClient, RGB(0,0,0));
 return true;
}


  修改之后,框架窗口看起来像这样:

 

点此在新窗口浏览图片


  底部的100像素现在是毛玻璃效果了。

  在毛玻璃区域添加文本

  在窗口中添加毛玻璃效果是比较简单的部分,但要把自己的界面元素(UI)添加到毛玻璃之上,就有点难度了。因为必须一直保持像素的alpha值,所以就要用到那些可以理解并适当设置alpha的绘图API。坏消息是,GDI函数差不多全部不理会alpha--唯一剩下的API则为带有SRCCOPY光栅操作的BilBlt()函数了,因此,程序必须使用GDI+或主题API来进行绘图,这些API都是时刻不忘alpha的。

  在Vista中,有关毛玻璃的效果一般用在表示程序状态的区域(取代了通用控件中的状态栏),例如,Windows Media Player 11就在窗口底部的毛玻璃区域显示播放控制与当前歌曲信息:

点此在新窗口浏览图片

  以下,将演示怎样在毛玻璃区域上绘制文本,并怎样在文本上添加发光效果,以便文本在任何背景上都方便阅读。
使用正确的字体

  Vista已经彻底放弃使用MS Sans Serif与Tahoma字体,转而把Segoe UI作为默认的UI字体。我们的程序也应该使用Segoe UI字体,所以,将会在基于当前主题的情况下创建一个字体。如果主题被禁用(如用户正在使用Windows经典颜色方案),那我们就使用SystemParametersInfo() API。

  首先,需要在CMainFrame中添加主题支持,这一点非常简单,因为WTL已经有一个用于处理主题的类:CThemeImpl。我们可把CThemeImpl添加到继承列表,并把消息链接至CThemeImpl,以便在当前主题改变时,程序可以得到相应的通知。

 

class CMainFrame :
public CFrameWindowImpl,
public CMessageFilter,
public CThemeImpl
{
 // ...
 BEGIN_MSG_MAP(CMainFrame)
  CHAIN_MSG_MAP(CThemeImpl)
  // ...
 END_MSG_MAP()

 protected:
  CFont m_font; //用于绘制文本的字体
};

下一页
本文共 3 页,第  [1]  [2]  [3]  页

相关文章:
  • 暂无相关链接
  •  
     
      ·关于我们 ·访客留言 ·友情链接 ·
    粤ICP备08022036号
    站长:ds1010 站长信箱:0101ds@gmail.com

    0101部落开发 @ www.ds0101.net 2007-2008