利用 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) 的系統下纔可以正常顯示, 這點需要大家注意。