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

本文介绍如何使用GDI+技术创建异形窗体界面,通过加载PNG格式文件并利用UpdateLayeredWindow函数实现窗体的自定义形状。适用于Windows 2000及以上版本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当今软件十分流行异形的窗体界面, 例如程序启动画面等, 代表性最强的就属 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) 的系统下才可以正常显示, 这点需要大家注意。
标准Windows应用程序窗口一般为带有标题栏的浅灰色矩形外观,因而“异形对话框/窗口也主要是颜色与外形上动手脚。改变背景颜色 改变对话框(窗口)的背景颜色是最简单的改变Windows应用程序外观的方法,根据Windows创建与管理机理,一般有两种方法。一种是处理WM_CTLCOLOR消息,首先创建所选背景颜色的刷子,然后调用SetBkColor()或SetDialogBkColor()以所创建的刷子来绘制窗口或对话框的背景。需要重画窗口或对话(或对话的子控件)时,Windows向对话发送消息WM_CTLCOLOR,应用程序处理WM_CTLCOLOR消息并返回一个用来绘画对话背景的刷子句柄。另外一种是响应Windows的WM_ERASEBKGND消息,Windows向窗口发送一个WM_ERASEBKGND消息通知该窗口擦除背景,可以使用VC++的ClassWizard重载该消息的缺省处理程序来擦除背景(实际是用刷子画),并返回TRUE以防止Windows擦除窗口。2.改变窗口外形通过使用新的SDK函数SetWindowRgn(),可以将绘画和鼠标消息限定在窗口的一个指定的区域,因此实际上是使窗口成为指定的不规则形状(区域形状)。“区域”是Windows GDI中一种强有力的机制,区域是设备上的一块空间,可以是任意形状,复杂的区域可以由各个小区域组合而成。Windows内含的区域创建函数有CreateRectRgn()、CreatePolyRgn()、CreatePolygonRgn()、CreateRoundRectRgn()和CreateEllipticRgn(),再通过CombineRgn()来组合区域,即可得到复杂形状的区域,获得复杂形状的窗口外形。通过上面的方法虽然可以得到“异形”窗口,但感觉颜色单调,外形也不够“COOL”,能否获得更酷的“异形对话框/窗口呢?回答是肯定的。下面就介绍利用位图和蒙板创建“异形对话框/窗口的方法。3.利用位图创建异形对话框窗口利用位图创建异形对话框原理是根据象素的颜色来进行“扣像”处理,对所有非指定颜色象素区域进行区域组合。利用这一技术,实际上就是实现对话框/窗口的位图背景,并且对指定的颜色区域进行透明处理。下面就以透明位图为背景的对话框为例来说明:首先用绘图软件如PhotoShop绘制编辑一幅拟做对话框背景用的图片,用BMP格式保存,假设存为Back.Bmp。需要说明的是,虽然Visual C++集成开发环境的资源编辑器只能编辑不超过16色的位图,但完全我们可以以真彩色方式存储,不必理会Visual C++的警告。下一步是用Visual C++的AppWizard创建一个基于对话框的应用程序假定命名为Trans。用资源编辑器引入背景图片Back.Bmp,如果是高彩色,不必理会出现的警告信息,点击OK确认即可。为了明确,修改默认的资源ID标识IDB_BITMAP1为IDB_BACKBMP。然后修改对话框的Style为Popup,Border为None,如图1 。图1向CTransDlg类添加区域处理功能模块void CTransDlg::SetupRegion(CDC *pDC /*对话框窗口DC*/, UINT BackBitmapID /*背景位图资源ID*/, UINT MaskBitmapID /*区域处理位图资源ID*/, COLORREF TransColor = 0x00000000 /*透明颜色值,默认为黑色*/)。到目前为止,我们暂时认为MaskBitmapID等同于BackBitmapID。其核心工作是根据MaskBitmapID指示位图的象素颜色进行区域组合。完整的代码如下:void CTransDlg::SetupRegion(CDC *pDC /*对话框窗口DC*/, UINT BackBitmapID /*背景位图资源ID*/,UINT MaskBitmapID /*区域处理位图资源ID*/,COLORREF TransColor /*透明颜色值*/){CDC memDC;CBitmap cBitmap;CBitmap* pOldMemBmp = NULL;COLORREF cl;CRect cRect;UINT x, y;CRgn wndRgn, rgnTemp;//取得窗口大小GetWindowRect(&cRect);//背景位图资源IDm_BackBitmapID = BackBitmapID//装载位图cBitmap.LoadBitmap(MaskBitmapID);memDC.CreateCompatibleDC(pDC);pOldMemBmp = memDC.SelectObject(&cBitmap);//首先创建默认的完整区域为完整的窗口区域wndRgn.CreateRectRgn(0, 0, cRect.Width(), cRect.Height());//下面的两层循环为检查背景位图象素颜色,进行透明区域处理;//当象素颜色为指定的透明值时,即将该点从区域中剪裁掉。//其中用到的几个成员变量m_MaskLeftOff、m_MaskTopOff、//m_MaskRightOff、m_MaskBottomOff、m_FrameWidth//和m_CaptionHeight,其作用后面再作说明,此时可全部当作0来处理。for(x= m_FrameWidth+m_MaskLeftOff;x<=cRect.Width() - m_FrameWidth-m_MaskRightOff; x++){for(y = m_CaptionHeight+m_MaskTopOff; yBitBlt(0, 0, rect.Width(), rect.Height(), &memDC, 0, 0, SRC/DownloadFiles\a\2001-10-12\COPY);if (pOldMemBmp) memDC.SelectObject( pOldMemBmp );//删除系统却省的OnEraseBkgnd功能//return CDialog::OnEraseBkgnd(pDC);return TRUE;}接下来是在WM_PAINT的消息处理函数OnPaint()中添加代码。由于当背景位图比较大时,进行区域处理比较耗时,所以只在启动时进行一次处理。一种方法是OnInitDialog()处理,但这样会在从启动程序到窗口出现有相当的延迟,易引起程序尚未启动的误解。再一种方法就是在OnPaint()处理,但为了避免重复处理,可以加上一个判断标志。以下是OnPaint()的代码,正体为AppWizard生成,粗体为自己添加内容。void CTransDlg::OnPaint() {if (IsIconic()){……}else{if(m_nFirstRun){ //首次运行标志//修改鼠标光标为等待方式BeginWaitCursor();//设置背景区域SetupRegion(GetWindowDC(), 计算机教程用VC++实现异形窗口.来自www.itwen.comIT WEN计算机教程网 IDB_BACKBMP, IDB_BACKBMP, 0x00FFFFFF /*白色*/);//恢复鼠标光标为正常模式EndWaitCursor();m_nFirstRun = 0;}CDialog::OnPaint();}}剩下的工作就是根据背景位图的大小来设置对话框窗口的大小和位置,这可以在OnInitDialog()中通过调用MoveWindow()来实现。再添加一些变量的声名和初始化,即可编译运行。图2为运行结果示例:图24.进一步的讨论前面实现了单一模式的异形对话框,但有些情况下又需要不同的样式,如有标题栏、边框等,或者只作局部的处理,这就是前面两个成员变量m_FrameWidth和m_CaptionHeight作用,通过在OnInitDialog()判断窗口样式,使m_FrameWidth和m_CaptionHeight取不同的值。这部分的代码为:BOOL CTransBmpDlg::OnInitDialog(){……// TODO: Add extra initialization herem_nFirstRun = 1;//数据设置,窗口左上角坐标:m_Left=0,m_Top=0 //背景位图宽高:m_Width=535,m_Height=105SetSize(0, 0, 535, 105);//蒙板处理区域与窗口边框的距离m_MaskLeftOff=m_MaskTopOff=m_MaskRightOff=m_MaskBottomOff=0;//窗口边框与标题栏象素值m_FrameWidth = m_CaptionHeight = 0;//取得窗口样式LONG style = ::GetWindowLong(this->m_hWnd, GWL_STYLE);//如保留窗口风格样式,则根据不同的窗口边框类型    //选取不同的m_FrameWidth和m_CaptionHeight值, //也可以根据处理位置的需要进行付值if((style & WS_BORDER) == WS_BORDER)m_FrameWidth = ::GetSystemMetrics(SM_CXBORDER);if((style & WS_THICKFRAME) == WS_THICKFRAME)m_FrameWidth = ::GetSystemMetrics(SM_CXFIXEDFRAME);if((style & DS_MODALFRAME) == DS_MODALFRAME)m_FrameWidth = ::GetSystemMetrics(SM_CXFIXEDFRAME);if((style & WS_CAPTION) == WS_CAPTION){m_FrameWidth = ::GetSystemMetrics(SM_CXFIXEDFRAME);m_CaptionHeight = ::GetSystemMetrics(SM_CYSMCAPTION);}m_CaptionHeight += m_FrameWidth * 2;//重置窗口的位置和大小MoveWindow(m_Left, m_Top, m_Width + m_FrameWidth * 2, m_Height + m_CaptionHeight, TRUE);……return TRUE; // return TRUE unless you set the focus to a control}另外,为进一步增加灵活性,使窗口样式不仅仅受背景位图颜色的控制。通过指定SetupRegion()的MaskBitmapID 为一个我们称之为“蒙板”的双色位图(多色彩也可以,但一般没有必要),即可实现需要的操作。图4为在同一背景位图上,通过图3的蒙板位图实现的效果,并且增加了对话框窗体的边框和标题栏属性。图3图4利用这种蒙板技术,可以创建出任意形状的窗口,而与背景位图无关。需要注意的是,对于对话框中的控件如按钮等,如处在或部分处在通明区域中,则通明区域中部分一并被剪裁掉,是否剪裁和剪裁位置与大小,利用蒙板可以很方便地进行控制。需要特别指出的是,SetWindowRgn()所指定的区域是针对整个窗口的,而Bitblt()/ StretchBlt()的输出区域是针对于客户区,两者在定位上是不同的,编程中应加以注意并灵活应用,这也是前面之所以设置边框大小等变量的原因。5.结束语这种异形窗口的创建不仅适应于对话框,而且适应于所有的基于CWnd类的派生窗口。采用这一方法,你可以创建出任何只要你能够画出的窗体,实现只要可以画出,就可以做出的目标。本文代码在Visual C++ 5.0、6.0下调试通过,运行正常,操作系统为Windows98SE。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值