想必大部分網友都使用過qq、msn等聊天程序,它們的界面都相當華麗,尤其是當網友上線以及消息提示時會有一個浮動的窗體從屏幕的右下方緩慢升起,既美觀又人性化,作為程序員在享受的同時我們也不禁要問:這到底是怎么實現的呢?本文就利用visual studio .net c# 2005以及.net框架繪圖技術來實現這種任務欄通知窗口。
簡介
qq和msn的任務欄通知窗口很人性化,它可以在不丟失主窗體焦點的前提下顯示一個具備皮膚skin的通知窗體,當它顯示一段時間后會自動消失,所以用戶根本不用干預它。這樣的通知窗體和一般的具備標題欄、系統圖標和按鈕的窗體沒有太大的區別,窗體表面其實就是畫上去的一張位圖而已,而窗體的浮動則會復雜一點,我們會用到.net框架的雙重緩沖區繪圖技術(參見作者編譯文章"windows 窗體的.net框架繪圖技術")來保證移動窗體時所顯示的內容平滑且不閃爍,以及使用p/invoke平臺調用進行對win32api函數的調用來完成不獲得焦點的窗體顯示和非標題欄窗體拖動。兩種位圖的皮膚運行時的界面如下:
背景知識
通知窗口就是將一般的窗體附加上一層皮膚,這里所謂的皮膚就是一張位圖圖片,該位圖圖片通過窗體的onpaintbackground事件被繪制到窗體表面,在附加位圖之前需要調整窗體的可視屬性,由于繪制操作是針對于窗體客戶區域的,所謂客戶區域就是指窗體標題欄下方以及窗體邊框以內的所有區域,所以需要將窗體的邊框和外觀屬性 formborderstyle調整為:none,這樣所繪制的圖像就會填充整個窗體。
首先,我們會用到region對象,region對象可以精確的描繪出任意形狀的輪廓范圍,通過一個位圖圖像創建region對象后再將其傳遞給窗體的region屬性就可以使窗體按照region所定義的輪廓顯示出來。作為皮膚使用的位圖文件可以通過任何圖像編輯軟件諸如:photeshop來創建和編輯,只是注意一點,需要將圖片的背景色調成特定顏色以便程序繪制時將其清除,我們在這里使用的背景色為粉紅色。為了能夠讓region對象按照圖像中感興趣的內容邊框來創建窗體,我們還需要使用graphicspath類將圖像輪廓按照一定路徑標注下來,稍后便按照該路徑創建region對象。
然后通過窗體的繪圖事件將位圖的內容顯示在窗體表面,我們沒有直接使用onpaintbackground事件而是重載了該方法,這樣做的好處就是一些低層的繪制操作還繼續交由.net框架運行時來處理,我們只考慮實際需要的繪制操作即可。在onpaintbackground方法中我們啟用了雙重緩沖區繪圖技術,所謂該技術就是指先在內存中的一塊畫布上把將要顯示的圖像顯示出來或進行處理,等到操作完成再將該畫布上所顯示的圖像放置到窗體表面,這樣的機制可以非常有效的降低閃爍的出現,使圖像顯示更加平滑。通知窗體從屏幕的右下方進行升起停留一段時間后再慢慢回落,這里需要用到返回屏幕區域的大小范圍的.net框架方法 screen.getworkingarea(workarearectangle),通過一定算法計算出通知窗體顯示前的初始位置。最后,我們將要顯示的文本按照一定格式和rectangle對象所指定的區域范圍繪制到窗體表面。通知窗體的關閉操作是通過設定一個區域,當用戶用鼠標單擊時檢測單擊坐標是否在該區域內,若在區域內就可以執行隱藏通知窗體的代碼。
我們注意了,當qq和msn的通知窗口顯示時其主窗體的焦點沒有丟失,也就是說程序沒有將自身的焦點轉移到顯示的通知窗體上。經過測試,我們無論怎么樣調用.net框架提供的窗體顯示例程譬如:form.show都無法保證主窗體的焦點不丟失,在vc環境下我們可以使用win32api的showwindows函數來完成復雜的窗體顯示操作,但是.net框架根本沒有提供類似的方法,那么我們能否通過.net框架調用該api函數來顯示窗體呢?幸好.net框架提供了p/invoke平臺調用,利用平臺調用這種服務,托管代碼就可以調用在動態鏈接庫中實現的非托管函數,并可以封送其參數,我們可以輕松的顯示但不獲得焦點的窗體。程序中用到的windows api以及常量的定義都保存在winuser.h頭文件中,其對應的動態鏈接庫文件就是user32.dll,使用.net框架提供的dllimportattribute類對導入的函數進行定義,然后就可以非常方便的在程序中調用該函數了。
由于我們將通知窗體的標題欄隱藏了,所以對窗體拖動操作還需要我們自己動手進行處理。本文介紹了如何更加高效的進行拖動窗體操作,有些網友在對于非標題欄拖動窗體編程時偏向組合使用鼠標事件來進行,這樣做的本質沒有任何不妥,但是頻繁的事件響應和處理反而使程序性能有所降低。我們將繼續使用win32api的底層處理方法來解決該問題,就是向窗體發送標題欄被單擊的消息,模擬實際的拖動操作。
我們會通過2個計時器來完成窗體的顯示、停留和隱藏,通過設置速度變量可以改變窗口顯示和隱藏的速度。
程序實現
啟動visual studio .net 2005,創建c# windows 窗體應用程序,將解決方案命名為taskbarform,包含的項目名也為taskbarform,首先創建程序的主窗體form1,在上面添加兩個button控件,一個用于顯示通知窗體,另一個則終止程序。然后在解決方案管理器中右擊項目,單擊"添加 - windows 窗體",我們把新創建的窗體命名為taskbarform。
在類taskbarform定義的下方,我們創建用于顯示的字符串和其顏色的變量,再定義幾個rectangle對象的變量用于放置標題、提示內容以及可以拖動窗體的區域和關閉按鈕的區域。然后,我們需要保存窗體在浮動時的高度以便計算移動后的新高度,intervalvalue變量用來確定窗體顯示和隱藏的速度。進行平臺調用時我們需要提前定義好常量的值用來傳遞給函數,wm_nclbuttondown和ht_caption常量用于拖動窗體,他們的值都保存在winuser.h頭文件中,所對應的動態鏈接庫名為:user32.dll。我們用到的win32api為:sendmessage、releasecapture和showwindow,通過使用dllimportattribute可以導入相應的函數并在程序中重新進行定義,如下:
[dllimportattribute("user32.dll")]
public static extern int sendmessage(intptr hwnd, int msg, int wparam, int lparam);
//發送消息//winuser.h 中有函數原型定義
[dllimportattribute("user32.dll")]
public static extern bool releasecapture(); //釋放鼠標捕捉winuser.h
[dllimportattribute("user32.dll")] //winuser.h
private static extern boolean showwindow(intptr hwnd, int32 ncmdshow);
sendmessage向消息循環發送標題欄被按下的消息來模擬窗體的拖動,showwindow用來將特定句柄的窗體顯示出來,注意第二個參數ncmdshow,它表示窗體應該怎樣顯示出來,而我們需要窗體不獲得焦點顯示出來,sw_shownoactivate可以滿足我們要求,繼續在winuser.h文件中搜索找到該常量對應的值為4,于是我們就可以這樣調用來顯示窗體了:
showwindow(this.handle, 4);
我們創建了一個自定義函數showform用來封裝上面的showwindow用來是顯示窗體,同時傳遞了所用到的幾個rectangle矩形區域對象,最后調用showwindows函數將窗體顯示出來,代碼片段如下:
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變量表示窗體的狀態是顯示中、停留中還是隱藏中,兩個計時器根據窗體不同狀態對窗體的位置進行更改,我們會使用setbounds來執行該操作:
this.setbounds(workarearectangle.width - this.width, workarearectangle.height - currenttop, this.width, this.height);
當窗體需要升起時將窗體的top屬性值不斷減少,而窗體回落時將top屬性值增加并超過屏幕的高度窗體就消失了,雖然原理很簡單但仍需精確控制。 setbackgroundbitmap函數首先將窗體背景圖像保存到backgroundbitmap變量中,然后根據該位圖圖像輪廓和透明色創建region,bitmaptoregion就用于完成bitmap到region的轉換,程序再將這個region付值給窗體的region屬性以完成不規則窗體的創建。
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方法中完成,而且利用了雙重緩沖區技術來進行繪制操作,代碼如下:
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中,然后創建一個內存graphics對象offscreengraphics和內存位圖對象offscreenbitmap,將內存位圖對象的引用付值給offscreengraphics,這樣所有對offscreengraphics的繪制操作也都同時作用于offscreenbitmap,這時就將需要繪制到通知窗體表面的背景圖像backgroundbitmap繪制到內存的graphics對象上,drawtext函數根據需要顯示文字的大小和范圍調用graphics.drawstring將文字顯示在窗體的特定區域。最后,調用graphics.drawimage將內存中已經繪制完成的圖像顯示到通知窗體表面。
我們還需要捕獲窗體的鼠標操作,有三個操作在這里進行,1、處理拖動窗體操作,2、處理通知窗體的關閉操作,3、內容區域的單擊操作。三個操作都需要檢測鼠標的當前位置與每個rectangle區域的包含關系,只要單擊落在特定區域我們就進行相應的處理,代碼如下:
private void taskbarform_mousedown(object sender, mouseeventargs e)
{
if (e.button == mousebuttons.left)
{
if (titlebarrectangle.contains(e.location)) //單擊標題欄時拖動
{
releasecapture(); //釋放鼠標捕捉
sendmessage(handle, wm_nclbuttondown, ht_caption, 0); //發送左鍵點擊的消息至該窗體(標題欄)
}
if (closebtnrectangle.contains(e.location)) //單擊close按鈕關閉
{
this.hide();
currenttop = 1;
}
if (contentrectangle.contains(e.location )) //單擊內容區域
{
system.diagnostics.process.start("http://www.rithia.com");
}
}
}
結論
該程序可以很好的進行通知窗體的顯示、停留和隱藏操作,并且具備簡單的換膚機制,在利用了雙重緩沖區繪圖技術后,可以保證窗體的繪制平滑且沒有閃爍。