地址： http://blog.csdn.net/hujkay
作者：Jekkay Hu([email protected])
關鍵詞：MFC, 編寫異行窗體，自定義UI控制元件，VC++，異形控制元件,高仿QQ登陸介面, 擷取QQ密碼，QQ釣魚
時間： 2014/4/12

1. 概述

2. 編寫自定義UI介面

    2.1 形狀

        我們先隨便找個軟體，比如金山毒霸吧，如下：
      
      介面是不是很酷，相比Windows自身的介面是不是感覺是天上天下之別。而我們看到這些好看的介面形狀都不是方方正正，全是不規則的形狀，所以我們第一步要做的就是設定視窗的形狀。微軟提供了一個API函式，可以設定窗體的形狀：
int SetWindowRgn(HWND hWnd, HRGN hRgn, BOOL bRedraw);
 其中HRGN是一個用於表示形狀的物件，我們可以用另外一個封裝好的類CRGN來進行操作。該CRGN提供了許多非常友好的介面函式，比如新增一塊區域，減少一塊區域等，具體的可以檢視一下官網的MSDN，下面列舉一些常用的操作。    

    a. 建立一個矩形的區域
          CRgn	rgn;
          rgn.CreateRectRgn(0, 0, nWidth,nHeight);
    b. 在當前的區域中新增一塊的區域
        rcXor.SetRect(0, 0, 1, 2);
        rgn_xor.CreateRectRgn(0, y, border_offset[y], y + 1);
        rgn.CombineRgn(&rgn, &rgn_xor, RGN_OR);
    c. 在當前的區域中只取共同區域
        rcXor.SetRect(0, 0, 1, 2);
        rgn_xor.CreateRectRgn(0, y, border_offset[y], y + 1);
        rgn.CombineRgn(&rgn, &rgn_xor, RGN_AND);
    d. 在當前的區域中異或一塊的區域
        rcXor.SetRect(0, 0, 1, 2);
        rgn_xor.CreateRectRgn(0, y, border_offset[y], y + 1);
        rgn.CombineRgn(&rgn, &rgn_xor, RGN_XOR);
 

SetWindowRgn((HRGN)rgn, TRUE);

下面一段完整的程式碼，供大家參考一下：  

  CDC* pDC = GetDC();


 CRect	rc;
 GetWindowRect(rc);
 rc.OffsetRect(-rc.left, -rc.top);


 CRgn	rgn;
 rgn.CreateRectRgn(0, 0, rc.Width(), rc.Height());
 CRgn	rgn_xor;
 CRect	rcXor;
 
 for (int y = 0; y < nSize; ++y)
 {
  rcXor.SetRect(0, y, border_offset[y], y + 1);
  rgn_xor.CreateRectRgn(0, y, border_offset[y], y + 1);
  rgn.CombineRgn(&rgn, &rgn_xor, RGN_XOR);
  rgn_xor.DeleteObject();
 }


 for (int y = 0; y < nSize; ++y)
 {
  rcXor.SetRect(rc.right - border_offset[y], y, rc.right, y + 1);
  rgn_xor.CreateRectRgn(rc.right - border_offset[y], y, rc.right, y + 1);
  rgn.CombineRgn(&rgn, &rgn_xor, RGN_XOR);
  rgn_xor.DeleteObject();
 }


 for (int y = 0; y < nSize; ++y)
 {
  rcXor.SetRect(0, rc.bottom - y - 1, border_offset[y], rc.bottom - y);
  rgn_xor.CreateRectRgn(0, rc.bottom - y - 1, border_offset[y], rc.bottom - y);
  rgn.CombineRgn(&rgn, &rgn_xor, RGN_XOR);
  rgn_xor.DeleteObject();
 }


 for (int y = 0; y < nSize; ++y)
 {
  rcXor.SetRect(rc.right - border_offset[y], rc.bottom - y - 1, rc.right, rc.bottom - y);
  rgn_xor.CreateRectRgn(rc.right - border_offset[y], rc.bottom - y - 1, rc.right,rc.bottom - y);
  rgn.CombineRgn(&rgn, &rgn_xor, RGN_XOR);
  rgn_xor.DeleteObject();
 }


 SetWindowRgn((HRGN)rgn, TRUE);
 m_Rgn.DeleteObject();
 m_Rgn.Attach(rgn.Detach());
 ReleaseDC(pDC);

   2.2 介面繪製

#include <gdiplus.h> 
using namespace Gdiplus; 

#pragma comment(lib, "gdiplus.lib")

繪製客戶區域的函式：ON_WM_PAINT()
繪製非客戶區域的函式：ON_WM_NCPAINT()
背景擦除函式：ON_WM_ERASEBKGND()
限定窗體大小的函式：ON_WM_GETMINMAXINFO()

   CRect	rcClient;
   GetClientRect(&rcClient);


  CPaintDC	dc(this);
  CDC MemDC;
  MemDC.CreateCompatibleDC(&dc);
  CBitmap memBmp;
  memBmp.CreateCompatibleBitmap(&dc, rcClient.Width(), rcClient.Height());
  CBitmap *pOldmap = MemDC.SelectObject(&memBmp);

  DrawImageStyle(MemDC, rcClient);

  dc.BitBlt(0, 0, rcClient.Width(), rcClient.Height(), &MemDC, 0, 0, SRCCOPY);

  MemDC.SelectObject(pOldmap);
  MemDC.DeleteDC();

  2.3 事件

 ON_WM_MOUSEMOVE()
 ON_MESSAGE(WM_MOUSELEAVE, OnMouseLeave)
 ON_MESSAGE(WM_MOUSEHOVER, OnMouseHover)
 ON_WM_LBUTTONDOWN()
 ON_WM_LBUTTONUP()
 ON_WM_LBUTTONDBLCLK()

3. 小結

    繪製自定義UI外掛是個細活，必須如加工藝術品一樣有耐心，所以我但凡見到做UI外掛的同仁，都心生佩服。週末閒來無事，根據其他高手的一些程式碼，高仿了一下QQ的登陸介面，很酷吧，呵呵。

    高仿的QQ 2014登陸程式的下載地址：http://download.csdn.net/user/hujkay

    別幹壞事啊~~~

胡楊, Jekkay Hu

2014/4/12