VC++UpdateLayeredWindow實現(xiàn)半透明窗體

最近看了桌面天氣秀這款小軟件其界面精致漂亮而且可以透明顯示還有個特別有趣的功能就是能讓窗體固定在桌面上并且鼠標可以“穿透”而窗體不受任何影響這就是帶著些許神秘的“有影無形”的功能。事實上要實現(xiàn)這種“有影無形”的功能很簡單我相信聰明的您一定很快會想到怎么做。幾句代碼就可以搞定給你點提示只有在2000以上的Win操作系統(tǒng)才支持當然如果你有足夠的時間可以完全可以在98上實現(xiàn)。那么今天我們主要討論一下窗體的半透明顯示其實如果僅僅要實現(xiàn)窗體的半透明顯示很簡單UpdateLayeredWindow調(diào)用就可以了網(wǎng)上去搜一下幾乎都是貼的這個函數(shù)怎么怎么實現(xiàn)窗體的半透明在往下就沒了比如此函數(shù)有個缺陷就是經(jīng)過此函數(shù)處理過的窗體其上面的控件都透明了。諸如此類的問題至少到現(xiàn)在我在網(wǎng)上沒找到一個讓人感覺滿意的解決方案。記得在一個所謂專業(yè)的C網(wǎng)站上看到一篇題為“XP下透明窗體的完美實現(xiàn)”當時看了還真高興一陣子可是把代碼下下來一看又是被忽悠了里面就調(diào)用了UpdateLayeredWindow函數(shù)實現(xiàn)透明然后加個旋轉(zhuǎn)顯示這樣子就算完美了我暈這個函數(shù)查查資料誰不會?？磥磉€是自己動手不知道有心的朋友注意到?jīng)]有在桌面天氣秀里打開設(shè)置然后快速拖動會看到上面的窗體明顯脫離這就是多層窗口留下的尾巴。下面的透明窗體是背景上面的窗體承載控件。在拖動下層窗體的時候讓上層窗體跟著一起動。對于小軟件來說效果還可以。事實上今天我實現(xiàn)的也和這個思路差不多不過我這個上下兩層窗體是父子關(guān)系它們各施其職但是又沒有拖動時留下的尾巴窗口移動的處理我把這些功能都封裝在一起了只需要簡單地把你要在透明窗體上顯示的窗體傳過去以及透明處理的圖片就OK了。限于篇幅下面給繪制函數(shù)以及調(diào)用示例boolDrawAlphalmagepBglmgHWNDhWndif::IsWindowhWndreturnfalseCWndDecoratewndDecorhWnd//wndDecor.SetAlpha25520/100//wndDecor.ShowOnDeskRECTrcWnd::GetWindowRecthWndrcWndintnWidrcWnd.right-rcWnd.leftintnHeircWnd.bottom-rcWnd.topHDChdcTemp::GetWindowDChWndHDChdcMemory::CreateCompatibleDChdcTempHBITMAPhBitMapCreateCompatibleBitmaphdcTempnWidnHeiSelectObjecthdcMemoryhBitMapHDChdcScreen::GetWindowDChWndPOINTptWinPosrcWnd.leftrcWnd.topGraphicsgraphhdcMemoryPointpointsPoint00PointnWid0Point0nHeigraph.DrawImagepBgImgpoints3SIZEsizeWindownWidnHeiPOINTptSrc00DWORDdwExStyle::GetWindowLonghWndGWL_EXSTYLEifdwExStyle0x800000x80000::SetWindowLonghWndGWL_EXSTYLEdwExStyle0x80000CStringstrTitlem_alWnd.GetWindowTextstrTitleGdiplus::FontfontL宋體12FontStyleBoldUnitPixelStringFormatstrFormatSolidBrushbrushColor0xff000graph.DrawStringstrTitle-1fontPointF3230strFormatbrush::UpdateLayeredWindowhWndhdcScreenptWinPossizeWindowhdcMemoryptSrc0m_alBlendULW_ALPHAgraph.ReleaseHDChdcMemory::ReleaseDChWndhdcScreenhdcScreenNULL::ReleaseDChWndhdcTemphdcTempNULLDeleteObjecthBitMapDeleteDChdcMemoryhdcMemoryNULLreturntrue調(diào)用示例：CWndAlphawndAlwndAl.InitAlphaLC:bg.pngNULLrcMargintruem_pMainWndwndAl.GetMainWndwndAl.DoModal本篇演示實現(xiàn)仿QQ界面的中間客戶區(qū)。QQ是可以調(diào)整界面透明度的但是調(diào)整了透明度卻連中間客戶區(qū)也變得半透明了。客戶區(qū)畢竟是軟件最重要的部分是要與用戶交互的透明了就影響操作了因此這里的客戶區(qū)不學QQ始終不透明。要實現(xiàn)不透明控件只能創(chuàng)建一個彈出窗口遮住主界面的客戶區(qū)域然后設(shè)定與主界面連動即始終跟著主窗口移動及調(diào)整尺寸。這個方法并不是很好但卻幾乎是唯一的方法。為什么說幾乎是唯一的方法呢的確存在著另外的解決方案但是這個方法太麻煩了在此討論一下這個方法。實現(xiàn)半透明窗體不透明控件應該有不少朋友碰到過這個問題為什么設(shè)定了窗口透明窗口上的子窗口及控件也變得透明了這個是受系統(tǒng)限制的創(chuàng)建一個窗口這個窗口區(qū)域就相當于一塊畫布最終系統(tǒng)要在這塊畫布上繪制出窗口標題客戶區(qū)控件等等而窗口和控件繪制時的GetDCBeginPaint等不過是獲取到了跟自己相關(guān)的這塊畫布的一部分在限定的區(qū)域內(nèi)繪制最終是畫到這塊畫布上系統(tǒng)最后顯示窗口就是在桌面上顯示這塊畫布透明度也是認這塊畫布因此上面的子窗口及控件也一起變得透明了。另建一個彈出式窗口相當于創(chuàng)建了另一塊畫布就不受主窗口的透明度限制。知道了原因現(xiàn)在來討論如何不創(chuàng)建彈出式窗口實現(xiàn)不透明控件。透明窗口有兩種實現(xiàn)方法一種是調(diào)用SetLayeredWindowAttributes設(shè)定統(tǒng)一的窗口透明度既整個窗口采用同樣的透明度QQ2009和這里的演示程序采用的就是這個方法這個方法不創(chuàng)建彈出窗口是無法實現(xiàn)不透明控件的因為想要控件不透明就必須在控件區(qū)域采用不同的透明度SetLayeredWindowAttributes無法做到只能通過調(diào)用另一個函數(shù)UpdateLayeredWindow來實現(xiàn)可指定不同區(qū)域不同透明度的窗口API代碼大致如下C/CcodeHDChdchMemDCRECTrcGetWindowRecthWndrcPOINTptSrc00POINTptWinPosrc.leftrc.topSIZEszWinrc.right-rc.leftrc.bottom-rc.topBLENDFUNCTIONstBlendAC_SRC_OVER0255AC_SRC_ALPHAhdcGetWindowDCm_hWndhMemDCCreateCompatibleDChdcSelectObjecthMemDChbmp//hbmp為整個窗口貼圖UpdateLayeredWindowhWndhdcptWinPosszWinhMemDCptSrc0stBlendULW_ALPHA最關(guān)鍵的部分就是SelectObjecthMemDChbmp實現(xiàn)不同區(qū)域不同透明度全在這個選入設(shè)備的hbmp的圖象數(shù)據(jù)Windows的32位色圖像的像素數(shù)據(jù)是COLORREF類型0x00bbggrr格式關(guān)鍵就在最高位的字節(jié)0x00UpdateLayeredWindow是認這個字節(jié)來設(shè)定透明度0x00為全透明0xFF為不透明這個字節(jié)的集合有個專門名稱叫ALPHA通道。設(shè)定hbmp圖象每一個像素的這個最高位字節(jié)數(shù)據(jù)就可以實現(xiàn)像素級別的透明度。網(wǎng)上應該能搜到大把利用PNG圖片實現(xiàn)半透明窗口的例子因為PNG圖片是可以帶ALPHA通道的解碼PNG圖片自然就有了ALPHA通道即設(shè)定了這個最高位字節(jié)就不需要用代碼來一個個像素指定透明度了。實現(xiàn)這樣的半透明窗口是這樣一個過程首先要用雙緩沖創(chuàng)建與窗口相同大小的內(nèi)存圖象然后在這個內(nèi)存圖象上繪制窗口的各個部分標題欄背景等等一般是用PNG圖片實現(xiàn)這樣就不用逐個像素指定透明度了最后把這個內(nèi)存圖象繪制到窗口。想實現(xiàn)不透明控件就要把控件區(qū)域的ALPHA通道值設(shè)為0xFF然而不幸的是幾乎所有的GDI操作除了TransparentBlt那些最常用的BitBltTextOutFillRect等等都是忽略ALPHA通道的繪制過后這些區(qū)域的ALPHA值都變成了0即全透明。因此想要實現(xiàn)不透明控件就要實現(xiàn)所有控件的自繪使控件繪制到內(nèi)存圖象上常規(guī)GDI操作過后再設(shè)定這些區(qū)域的ALPHA值為0xFF。是不是頭大了這個方法太麻煩了而且僅僅是為了在半透明窗口上實現(xiàn)不透明控件這樣一個效果代價太大因此并不實用。QQ2009所用的DirectUI應該能很容易實現(xiàn)這個效果但是并沒實現(xiàn)估計跟執(zhí)行效率有關(guān)因為這種像素級透明的程序在繪制時很耗時調(diào)整窗口大小時可能會有延遲現(xiàn)象在速度慢一點的機器上更是明顯。現(xiàn)在來講模仿QQ的客戶區(qū)有很多種方法這里選用相對比較簡單的方法有更好的解決方案歡迎留言討論。首先是上部的搜索欄當然是子類化EDIT控件進行自繪處理WM_NCCALCSIZE消息加大其非客戶區(qū)畫個外方內(nèi)圓的邊框。在編輯框輸入內(nèi)容后會有個自繪的下拉列表出來這個其實跟點了“更改外觀”按鈕后出現(xiàn)的界面調(diào)色對話框是一樣的不過是把那對話框改一下表現(xiàn)形式然后搬到編輯框下面就不演示了還有右邊會出現(xiàn)清除和執(zhí)行按鈕又是貼圖屬于非典型編輯框功能也不演示了有興趣的可以自己完成。然后是側(cè)邊欄看起來是TAB控件的功能其實用工具欄更簡單一些添加TBSTYLE_BUTTONTBSTYLE_CHECKGROUP類型的按鈕就跟TAB控件的效果差不多。怎么繪制前面一篇已經(jīng)講過了收起和展開只是隱藏和顯示而已。最重要的好友列表部分這個要用到TAB控件了調(diào)整窗口尺寸時3個標簽的寬度是跟著變的這個需要創(chuàng)建TAB控件時指定TCS_FIXEDWIDTH窗口類型子類化后在WM_SIZE消息里發(fā)送TCM_SETITEMSIZE消息調(diào)整標簽的寬度。標簽需要自繪鼠標點擊上面的下拉箭頭會彈出菜單這個需要在WM_LBUTTONDOWN消息里判斷一下子類化后其實想干什么都行只是麻煩一點罷了:點擊標簽后下面列表子窗口的滑動效果切換也很簡單把兩個窗口并排然后連續(xù)移動就可以不過因為刷新的關(guān)系可能會有重影如果想要更好的效果應該是把子窗口截圖然后用雙緩沖繪制出滑動效果這里就簡單一點不用這個方法了。好友列表群列表和最近聯(lián)系人列表是用ListBox控件實現(xiàn)本來不需要子類化不過ListBox不支持鼠標移到選項上的高亮功能因此還是實現(xiàn)了子類化處理WM_MOUSEMOVE消息進行判斷。好友列表里面是有“我的好友”“陌生人”“黑名單”等分類的這些分類選項的高度與用戶項的高度不同因此創(chuàng)建控件時需要指定LBS_OWNERDRAWVARIABLE類型還有ListBox控件默認是會計算控件高度并調(diào)整尺寸適應列表項的高度不會在客戶區(qū)顯示不完整的列表選項這個功能我們不需要因此還需指定LBS_NOINTEGRALHEIGHT類型不自動調(diào)整高度再指定一下LBS_HASSTRINGSLBS_NOTIFYWS_VSCROLL常規(guī)類型然后就是在父窗口的WM_DRAWITEM消息里進行列表選項的自繪了。加入選項時需要指定選項的高度為了區(qū)分分類選項和用戶信息選項通過發(fā)送LB_SETITE