想必大部分網(wǎng)友都使用過QQ、MSN等聊天程序，它們的界面都相當(dāng)華麗，尤其是當(dāng)網(wǎng)友上線以及消息提示時會有一個浮動的窗體從屏幕的右下方緩慢升起，既美觀又人性化，作為程序員在享受的同時我們也不禁要問：這到底是怎么實現(xiàn)的呢？本文就利用Visual Studio .Net C# 2005以及.Net框架繪圖技術(shù)來實現(xiàn)這種任務(wù)欄通知窗口。
簡介
QQ和MSN的任務(wù)欄通知窗口很人性化，它可以在不丟失主窗體焦點的前提下顯示一個具備皮膚Skin的通知窗體，當(dāng)它顯示一段時間后會自動消失，所以用戶根本不用干預(yù)它。這樣的通知窗體和一般的具備標(biāo)題欄、系統(tǒng)圖標(biāo)和按鈕的窗體沒有太大的區(qū)別，窗體表面其實就是畫上去的一張位圖而已，而窗體的浮動則會復(fù)雜一點，我們會用到.Net框架的雙重緩沖區(qū)繪圖技術(shù)（參見作者編譯文章"Windows 窗體的.Net框架繪圖技術(shù)"）來保證移動窗體時所顯示的內(nèi)容平滑且不閃爍，以及使用P/Invoke平臺調(diào)用進(jìn)行對Win32API函數(shù)的調(diào)用來完成不獲得焦點的窗體顯示和非標(biāo)題欄窗體拖動。兩種位圖的皮膚運(yùn)行時的界面如下：
  |
背景知識
通知窗口就是將一般的窗體附加上一層皮膚，這里所謂的皮膚就是一張位圖圖片，該位圖圖片通過窗體的OnPaintbackground事件被繪制到窗體表面，在附加位圖之前需要調(diào)整窗體的可視屬性，由于繪制操作是針對于窗體客戶區(qū)域的，所謂客戶區(qū)域就是指窗體標(biāo)題欄下方以及窗體邊框以內(nèi)的所有區(qū)域，所以需要將窗體的邊框和外觀屬性 FormBorderStyle調(diào)整為：None，這樣所繪制的圖像就會填充整個窗體。
首先，我們會用到Region對象，Region對象可以精確的描繪出任意形狀的輪廓范圍，通過一個位圖圖像創(chuàng)建Region對象后再將其傳遞給窗體的Region屬性就可以使窗體按照Region所定義的輪廓顯示出來。作為皮膚使用的位圖文件可以通過任何圖像編輯軟件諸如：Photeshop來創(chuàng)建和編輯，只是注意一點，需要將圖片的背景色調(diào)成特定顏色以便程序繪制時將其清除，我們在這里使用的背景色為粉紅色。為了能夠讓Region對象按照圖像中感興趣的內(nèi)容邊框來創(chuàng)建窗體，我們還需要使用GraphicsPath類將圖像輪廓按照一定路徑標(biāo)注下來，稍后便按照該路徑創(chuàng)建Region對象。
然后通過窗體的繪圖事件將位圖的內(nèi)容顯示在窗體表面，我們沒有直接使用OnPaintbackground事件而是重載了該方法，這樣做的好處就是一些低層的繪制操作還繼續(xù)交由.Net框架運(yùn)行時來處理，我們只考慮實際需要的繪制操作即可。在OnPaintbackground方法中我們啟用了雙重緩沖區(qū)繪圖技術(shù)，所謂該技術(shù)就是指先在內(nèi)存中的一塊畫布上把將要顯示的圖像顯示出來或進(jìn)行處理，等到操作完成再將該畫布上所顯示的圖像放置到窗體表面，這樣的機(jī)制可以非常有效的降低閃爍的出現(xiàn)，使圖像顯示更加平滑。通知窗體從屏幕的右下方進(jìn)行升起停留一段時間后再慢慢回落，這里需要用到返回屏幕區(qū)域的大小范圍的.Net框架方法 Screen.GetWorkingArea(WorkAreaRectangle)，通過一定算法計算出通知窗體顯示前的初始位置。最后，我們將要顯示的文本按照一定格式和Rectangle對象所指定的區(qū)域范圍繪制到窗體表面。通知窗體的關(guān)閉操作是通過設(shè)定一個區(qū)域，當(dāng)用戶用鼠標(biāo)單擊時檢測單擊坐標(biāo)是否在該區(qū)域內(nèi)，若在區(qū)域內(nèi)就可以執(zhí)行隱藏通知窗體的代碼。
我們注意了，當(dāng)QQ和MSN的通知窗口顯示時其主窗體的焦點沒有丟失，也就是說程序沒有將自身的焦點轉(zhuǎn)移到顯示的通知窗體上。經(jīng)過測試，我們無論怎么樣調(diào)用.Net框架提供的窗體顯示例程譬如：Form.Show都無法保證主窗體的焦點不丟失，在VC環(huán)境下我們可以使用Win32API的ShowWindows函數(shù)來完成復(fù)雜的窗體顯示操作，但是.Net框架根本沒有提供類似的方法，那么我們能否通過.Net框架調(diào)用該API函數(shù)來顯示窗體呢？幸好.Net框架提供了P/Invoke平臺調(diào)用，利用平臺調(diào)用這種服務(wù)，托管代碼就可以調(diào)用在動態(tài)鏈接庫中實現(xiàn)的非托管函數(shù)，并可以封送其參數(shù)，我們可以輕松的顯示但不獲得焦點的窗體。程序中用到的Windows API以及常量的定義都保存在WinUser.h頭文件中，其對應(yīng)的動態(tài)鏈接庫文件就是user32.dll，使用.Net框架提供的DllImportAttribute類對導(dǎo)入的函數(shù)進(jìn)行定義，然后就可以非常方便的在程序中調(diào)用該函數(shù)了。
由于我們將通知窗體的標(biāo)題欄隱藏了，所以對窗體拖動操作還需要我們自己動手進(jìn)行處理。本文介紹了如何更加高效的進(jìn)行拖動窗體操作，有些網(wǎng)友在對于非標(biāo)題欄拖動窗體編程時偏向組合使用鼠標(biāo)事件來進(jìn)行，這樣做的本質(zhì)沒有任何不妥，但是頻繁的事件響應(yīng)和處理反而使程序性能有所降低。我們將繼續(xù)使用Win32API的底層處理方法來解決該問題，就是向窗體發(fā)送標(biāo)題欄被單擊的消息，模擬實際的拖動操作。
我們會通過2個計時器來完成窗體的顯示、停留和隱藏，通過設(shè)置速度變量可以改變窗口顯示和隱藏的速度。
程序?qū)崿F(xiàn)
啟動Visual Studio .Net 2005，創(chuàng)建C# Windows 窗體應(yīng)用程序，將解決方案命名為TaskbarForm，包含的項目名也為TaskbarForm，首先創(chuàng)建程序的主窗體Form1，在上面添加兩個Button控件，一個用于顯示通知窗體，另一個則終止程序。然后在解決方案管理器中右擊項目，單擊"添加 - Windows 窗體"，我們把新創(chuàng)建的窗體命名為TaskbarForm。
在類TaskbarForm定義的下方，我們創(chuàng)建用于顯示的字符串和其顏色的變量，再定義幾個Rectangle對象的變量用于放置標(biāo)題、提示內(nèi)容以及可以拖動窗體的區(qū)域和關(guān)閉按鈕的區(qū)域。然后，我們需要保存窗體在浮動時的高度以便計算移動后的新高度，intervalValue變量用來確定窗體顯示和隱藏的速度。進(jìn)行平臺調(diào)用時我們需要提前定義好常量的值用來傳遞給函數(shù)，WM_NCLBUTTONDOWN和HT_CAPTION常量用于拖動窗體，他們的值都保存在WinUser.h頭文件中，所對應(yīng)的動態(tài)鏈接庫名為：user32.dll。我們用到的Win32API為：SendMessage、ReleaseCapture和ShowWindow，通過使用DllImportAttribute可以導(dǎo)入相應(yīng)的函數(shù)并在程序中重新進(jìn)行定義，如下：
| [DllImportAttribute("user32.dll")] public static extern int SendMessage(IntPtr hWnd, int Msg, int wParam, int lParam); //發(fā)送消息//winuser.h 中有函數(shù)原型定義 [DllImportAttribute("user32.dll")] public static extern bool ReleaseCapture(); //釋放鼠標(biāo)捕捉winuser.h [DllImportAttribute("user32.dll")] //winuser.h private static extern Boolean ShowWindow(IntPtr hWnd, Int32 nCmdShow); |
SendMessage向消息循環(huán)發(fā)送標(biāo)題欄被按下的消息來模擬窗體的拖動，ShowWindow用來將特定句柄的窗體顯示出來，注意第二個參數(shù)nCmdShow，它表示窗體應(yīng)該怎樣顯示出來，而我們需要窗體不獲得焦點顯示出來，SW_SHOWNOACTIVATE可以滿足我們要求，繼續(xù)在WinUser.h文件中搜索找到該常量對應(yīng)的值為4，于是我們就可以這樣調(diào)用來顯示窗體了：
| ShowWindow(this.Handle, 4); |
我們創(chuàng)建了一個自定義函數(shù)ShowForm用來封裝上面的ShowWindow用來是顯示窗體，同時傳遞了所用到的幾個Rectangle矩形區(qū)域?qū)ο�，最后調(diào)用ShowWindows函數(shù)將窗體顯示出來，代碼片段如下：
| public void ShowForm(string ftitletext, string fcontenttext, Rectangle fRegionofFormTitle, Rectangle fRegionofFormTitlebar, Rectangle fRegionofFormContent, Rectangle fRegionofCloseBtn) { titleText = ftitletext; contentText = fcontenttext; WorkAreaRectangle = Screen.GetWorkingArea(WorkAreaRectangle); this.Top = WorkAreaRectangle.Height + this.Height; FormBorderStyle = FormBorderStyle.None; WindowState = FormWindowState.Normal; this.SetBounds(WorkAreaRectangle.Width - this.Width, WorkAreaRectangle.Height - currentTop, this.Width, this.Height); CurrentState = 1; timer1.Enabled = true; TitleRectangle = fRegionofFormTitle; TitlebarRectangle = fRegionofFormTitlebar; ContentRectangle = fRegionofFormContent; CloseBtnRectangle = fRegionofCloseBtn; ShowWindow(this.Handle, 4); //#define SW_SHOWNOACTIVATE 4 } |
CurrentState變量表示窗體的狀態(tài)是顯示中、停留中還是隱藏中，兩個計時器根據(jù)窗體不同狀態(tài)對窗體的位置進(jìn)行更改，我們會使用SetBounds來執(zhí)行該操作：
| this.SetBounds(WorkAreaRectangle.Width - this.Width, WorkAreaRectangle.Height - currentTop, this.Width, this.Height); |
當(dāng)窗體需要升起時將窗體的Top屬性值不斷減少，而窗體回落時將Top屬性值增加并超過屏幕的高度窗體就消失了，雖然原理很簡單但仍需精確控制。
SetBackgroundBitmap函數(shù)首先將窗體背景圖像保存到BackgroundBitmap變量中，然后根據(jù)該位圖圖像輪廓和透明色創(chuàng)建Region，BitmapToRegion就用于完成Bitmap到Region的轉(zhuǎn)換，程序再將這個Region付值給窗體的Region屬性以完成不規(guī)則窗體的創(chuàng)建。
| public void SetBackgroundBitmap(Image image, Color transparencyColor) { BackgroundBitmap = new Bitmap(image); Width = BackgroundBitmap.Width; Height = BackgroundBitmap.Height; Region = BitmapToRegion(BackgroundBitmap, transparencyColor); } public Region BitmapToRegion(Bitmap bitmap, Color transparencyColor) { if (bitmap == null) throw new ArgumentNullException("Bitmap", "Bitmap cannot be null!"); int height = bitmap.Height; int width = bitmap.Width; GraphicsPath path = new GraphicsPath(); for (int j = 0; j < height; j++) for (int i = 0; i < width; i++) { if (bitmap.GetPixel(i, j) == transparencyColor) continue; int x0 = i; while ((i < width) && (bitmap.GetPixel(i, j) != transparencyColor)) i++; path.AddRectangle(new Rectangle(x0, j, i - x0, 1)); } Region region = new Region(path); path.Dispose(); return region; } |
通知窗體背景以及文字的繪制在重載的OnPaintBackground方法中完成，而且利用了雙重緩沖區(qū)技術(shù)來進(jìn)行繪制操作，代碼如下：
| protected override void OnPaintBackground(PaintEventArgs e) { Graphics grfx = e.Graphics; grfx.PageUnit = GraphicsUnit.Pixel; Graphics offScreenGraphics; Bitmap offscreenBitmap; offscreenBitmap = new Bitmap(BackgroundBitmap.Width, BackgroundBitmap.Height); offScreenGraphics = Graphics.FromImage(offscreenBitmap); if (BackgroundBitmap != null) { offScreenGraphics.DrawImage(BackgroundBitmap, 0, 0, BackgroundBitmap.Width, BackgroundBitmap.Height); } DrawText(offScreenGraphics); grfx.DrawImage(offscreenBitmap, 0, 0); } |
上述代碼首先返回窗體繪制表面的Graphics并保存在變量grfx中，然后創(chuàng)建一個內(nèi)存Graphics對象offScreenGraphics和內(nèi)存位圖對象offscreenBitmap，將內(nèi)存位圖對象的引用付值給offScreenGraphics，這樣所有對offScreenGraphics的繪制操作也都同時作用于offscreenBitmap，這時就將需要繪制到通知窗體表面的背景圖像BackgroundBitmap繪制到內(nèi)存的Graphics對象上，DrawText函數(shù)根據(jù)需要顯示文字的大小和范圍調(diào)用Graphics.DrawString將文字顯示在窗體的特定區(qū)域。最后，調(diào)用Graphics.DrawImage將內(nèi)存中已經(jīng)繪制完成的圖像顯示到通知窗體表面。
我們還需要捕獲窗體的鼠標(biāo)操作，有三個操作在這里進(jìn)行，1、處理拖動窗體操作，2、處理通知窗體的關(guān)閉操作，3、內(nèi)容區(qū)域的單擊操作。三個操作都需要檢測鼠標(biāo)的當(dāng)前位置與每個Rectangle區(qū)域的包含關(guān)系，只要單擊落在特定區(qū)域我們就進(jìn)行相應(yīng)的處理，代碼如下：
| private void TaskbarForm_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) { if (TitlebarRectangle.Contains(e.Location)) //單擊標(biāo)題欄時拖動 { ReleaseCapture(); //釋放鼠標(biāo)捕捉 SendMessage(Handle, WM_NCLBUTTONDOWN, HT_CAPTION, 0); //發(fā)送左鍵點擊的消息至該窗體(標(biāo)題欄) } if (CloseBtnRectangle.Contains(e.Location)) //單擊Close按鈕關(guān)閉 { this.Hide(); currentTop = 1; } if (ContentRectangle.Contains(e.Location )) //單擊內(nèi)容區(qū)域 { System.Diagnostics.Process.Start("http://www.Rithia.com"); } } } |
結(jié)論
該程序可以很好的進(jìn)行通知窗體的顯示、停留和隱藏操作，并且具備簡單的換膚機(jī)制，在利用了雙重緩沖區(qū)繪圖技術(shù)后，可以保證窗體的繪制平滑且沒有閃爍。