当今软件十分流行异形的窗体界面, 例如程序启动画面等, 代表性最强的就属 Adobe Creative Suite 中各产品的启动画面了, 异形的窗体界面会以他的绚丽外表为您的应用程序增色不少~~
要想在您的应用程序中实现异形窗体其实并不困难, 我们可以借助 Gdi+ 技术轻松实现, 下面
大M 就来为大家介绍具体的操作步骤。
创建异形对话框的原理就是利用一张带有 Alpha 通道的 PNG 格式文件, 以该文件的外观重新呈现对话框, 因此在开始之前我们需要首先利用 Photoshop 或类似的图像处理软件创建一张 PNG 格式文件, 并保存为 PNG-24 模式, 此模式会保留 Alpha 通道信息在文件内。
下一步我们就来开始程序的创建工作, 以下操作
大M 是在 Visual C++ .net 2003 下完成的, 步骤同样适用于 Visual C++ 6.0。
首先我们以一个
基于对话框的 MFC 应用程序 开始, 由于这里我们需要应用 Gdi+ 技术, 所以首先我们需要在程序中连接 Gdi+ SDK Library, 首先打开
atdafx.h
文件, 加入如下代码 :
#include <gdiplus.h> using namespace Gdiplus;
|
并在
解决方案资源管理器 的
项目图标 上单击鼠标右键, 在弹出的菜单上选择
属性, 打开项目的属性页, 选择
配置 为
所有配置, 设
置 连接器->输入 的
附加依赖项 的值为
gdiplus.lib, 将 Gdi+ 的库文件连接到程序中。
接下来我们还要为需要显示的对话框创建一个资源, 您可以在资源管理器中插入一个 Dialog, 并将对话框上的所有控件删除, 因为我们这里不需要它。
随后我们在对话框上单击鼠标右键, 在弹出的菜单上选择
添加类。
![](http://static16.photo.sina.com.cn/bmiddle/54f001f7f8e578549fb0f)
这里我们给新添加的类起一个名字, 内容随意, 只要日后记得就好了, 基类一定选择
CDialog , 单击
完成。
![](http://static13.photo.sina.com.cn/bmiddle/54f001f78980a622a49bc)
下面我们就来修改本类, 以实现我们需要的功能。
首先在类的头文件中声明如下内容 :
CBitmap m_bmpDialog; CDC dcMemory; CDC* m_screenDC;
void UpdateView(CString pngFileName, int width,int height);
void DoUpdateDummyDialog(CString pngFileName, CWnd &wnd, CBitmap &bmp, BYTE SourceConstantAlpha);
HBITMAP ConverBmp(HBITMAP hBitmap);
|
其中包含 3 个变量, 3 个方法, 方法的具体实现如下 :
void CPNGDlg::UpdateView(CString pngFileName, int width,int height) { HBITMAP hBitmap; hBitmap=CreateCompatibleBitmap(this->GetDC()->m_hDC,width,height); hBitmap=ConverBmp(hBitmap); m_bmpDialog.DeleteObject(); m_bmpDialog.Attach(hBitmap);
DoUpdateDummyDialog(pngFileName, *this,m_bmpDialog,255); }
|
void CPNGDlg::DoUpdateDummyDialog(CString pngFileName, CWnd &wnd, CBitmap &bmp, BYTE SourceConstantAlpha) { CBitmap *pOldBitmap= dcMemory.SelectObject(&bmp); BITMAP bmpInfo; bmp.GetBitmap(&bmpInfo); CRect rectDlg; wnd.GetWindowRect(rectDlg); CPoint ptWindowScreenPosition(rectDlg.TopLeft()); CSize szWindow(bmpInfo.bmWidth, bmpInfo.bmHeight); BLENDFUNCTION blendPixelFunction= { AC_SRC_OVER, 0, SourceConstantAlpha, 0x01}; CPoint ptSrc(0,0); Graphics graphics(dcMemory.m_hDC);
//
Bitmap *m_bit=new Bitmap(pngFileName.AllocSysString()); graphics.DrawImage(m_bit,0,0); delete m_bit;
//
graphics.ReleaseHDC(dcMemory.m_hDC); HINSTANCE hInst=::LoadLibrary("user32.dll"); if (hInst) { typedef BOOL (WINAPI *MYFUNC)(HWND,HDC,POINT*,SIZE*,HDC,POINT*,COLORREF,BLENDFUNCTION*,DWORD); MYFUNC fun=NULL; fun=(MYFUNC)GetProcAddress(hInst,"UpdateLayeredWindow"); if (fun) fun(wnd,m_screenDC->m_hDC, &ptWindowScreenPosition, &szWindow, dcMemory,&ptSrc, 0, &blendPixelFunction, 0x02); FreeLibrary(hInst); }
dcMemory.SelectObject(pOldBitmap); }
|
HBITMAP CPNGDlg::ConverBmp(HBITMAP hBitmap) { HDC hDC; WORD wBitCount=32; DWORD dwPaletteSize=0, dwBmBitsSize=0, dwDIBSize=0, dwWritten=0; BITMAP Bitmap; BITMAPINFOHEADER bi; LPBITMAPINFOHEADER lpbi; HANDLE hPal,hOldPal=NULL; HBITMAP hDib;
GetObject(hBitmap, sizeof(Bitmap), (LPSTR)&Bitmap); bi.biSize = sizeof(BITMAPINFOHEADER); bi.biWidth = Bitmap.bmWidth; bi.biHeight = Bitmap.bmHeight; bi.biPlanes = 1; bi.biBitCount = wBitCount; bi.biCompression = BI_RGB; bi.biSizeImage = 0; bi.biXPelsPerMeter = 0; bi.biYPelsPerMeter = 0; bi.biClrImportant = 0; bi.biClrUsed = 0;
dwBmBitsSize = ((Bitmap.bmWidth * wBitCount + 31) / 32) * 4 * Bitmap.bmHeight;
hPal = GetStockObject(DEFAULT_PALETTE); if (hPal) { hDC = ::GetDC(NULL); hOldPal = ::SelectPalette(hDC, (HPALETTE)hPal, FALSE); RealizePalette(hDC); }
hDib = CreateDIBSection(hDC,(BITMAPINFO*)&bi,DIB_RGB_COLORS, (LPVOID*)&lpbi, NULL, 0); GetDIBits(hDC, hBitmap, 0, (UINT) Bitmap.bmHeight, (LPSTR)lpbi+dwPaletteSize, (LPBITMAPINFO)&bi, DIB_RGB_COLORS); if (hOldPal) { ::SelectPalette(hDC, (HPALETTE)hOldPal, TRUE); RealizePalette(hDC); ::ReleaseDC(NULL, hDC); }
CloseHandle(hPal); CloseHandle(hOldPal); DeleteObject(hBitmap);
return hDib; }
|
最后我们在对话框的 OnInitDialog() 方法中添加初始化代码 :
m_screenDC=new CDC(); m_screenDC->Attach(::GetDC(NULL)); dcMemory.CreateCompatibleDC(m_screenDC); ModifyStyleEx(0,0x80000);
CString m_AppPath; char szPathName[MAX_PATH]; ::GetModuleFileName(NULL,szPathName,sizeof(szPathName)); m_AppPath=CString(szPathName).Left(CString(szPathName).ReverseFind('//')+1);
UpdateView(m_AppPath+"test.png",400,300);
|
通过代码(橙色部分)可以看出我们指示程序载入了 test.png 文件作为对话框外观文件, 后面跟的是图片的宽度和高度。
最后是一个小技巧, 我们可以映射对话框的
WM_NCHITTEST 消息, 并返回值
HTCAPTION, 这样我们就可以通过鼠标拖动对话框了, 具体代码如下 :
UINT CPNGDlg::OnNcHitTest(CPoint point) { // TODO: 在此添加消息处理程序代码和/或调用默认值 return HTCAPTION; //return CDialog::OnNcHitTest(point); }
|
最后我们在程序原有的对话框上创建一个按钮, 加入代码 :
CPNGDlg *m_pngDlg=new CPNGDlg(); m_pngDlg->DoModal();
|
目的就是单击按钮后显示我们新建的对话框。
OK, 就这样我们的程序就写完了, 编译运行可以看到如下图所示的效果, 此时您可以用鼠标拖动对话框, 查看透明窗体的效果, 是不是很炫~~
最后有几点需要大家注意的 :
1. 本文中并没有详细讲解程序运行的原理, 如果有希望知道的朋友可以给我留言, 我会具体讲解的, 需要源代码也可以联系我。
2. 由于本程序需要调用 user32.dll 中的 UpdateLayeredWindow 函数, 此函数只包含于 windows 2000 及以后版本的 user32.dll 文件中, 因此我们开发的程序已有当运行于 windows 2000 或以后版本 (包括 xp/2003/vista) 的系统下才可以正常显示, 这点需要大家注意。