利用 PNG 文件创建异形对话框

当今软件十分流行异形的窗体界面, 例如程序启动画面等, 代表性最强的就属 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, 并将对话框上的所有控件删除, 因为我们这里不需要它。

随后我们在对话框上单击鼠标右键, 在弹出的菜单上选择 添加类。





这里我们给新添加的类起一个名字, 内容随意, 只要日后记得就好了, 基类一定选择 CDialog , 单击 完成。





下面我们就来修改本类, 以实现我们需要的功能。

首先在类的头文件中声明如下内容 :

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) 的系统下才可以正常显示, 这点需要大家注意。