介紹
你好wpf愛好者。 隨著wpf等統一api語言的發明,豐富用戶界面變得非常容易。 創建豐富的用戶界面只是一個想法。 您需要擁有的是創造性思維和最新技術融合。 wpf和expression blend在制作豐富的ui應用程序,清晰的圖形和非常好的動畫方面非常有用。
在創建wpf應用的時候,你第一個看到的就是窗體類。它作為窗體的基礎,提供標準的邊框、工具條、最大化、最小化和關閉按鈕。wpf窗體是xaml文件和后臺代碼文件的混合體。
背景
我將要發布的是將窗口矩形形狀塑造成圖像的形狀。 它可以是任何圖像,任何形狀,任何大小,它應該是沒有背景的png(便攜式網絡圖形)圖像(白色背景被移除)。
代碼使用
嗯,實現這一點是小菜一碟,但我仍然會提供一個完整的演練過程。
先決條件
- .net framework 3.0或以上
- visual studio 2008或以上
- adobe photoshop或者一個圖片編輯工具
- 您要使用的圖像文件
- xaml相關知識
準備圖片文件
- 選擇要用作窗體形狀的圖像文件。
- 在大多數圖像編輯工具中,使圖像背景自由是一個非常簡單的過程,但是,我將為adobe photoshop解釋它(因為我喜歡該產品)。
- 在adobe photoshop中打開圖像文件。
- 選擇除背景之外的整個圖像。
- 復制選擇。
- 單擊菜單文件>>新建。 這將顯示一個對話框。 在對話框的“內容”部分中,選擇“透明”,然后單擊“確定”。
- 將打開透明背景畫布,將圖像粘貼到那里并將其另存為png文件。
現在我們的圖像文件準備就緒,讓我們現在塑造我們的wpf表格。
設置wpf應用
打開visual studio 2008并創建新項目。
在visual c#項目模板下,選擇windows >> wpf應用。
使用下面的xaml:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
< window title = "shapedwindow" windowstartuplocation = "centerscreen" allowstransparency = "true" opacitymask = "white" windowstyle = "none" background = "transparent" width = "620" height = "267" xmlns:x = http ://schemas.microsoft.com/winfx/2006/xaml xmlns = http ://schemas.microsoft.com/winfx/2006/xaml/presentation x:class = "shapedwpfform.shapedwindow" > < grid > < img name = "imgbackground" source = "shape.png" stretch = "fill" /> </ grid > </ window > |
所有就完成了
xaml屬性解釋:
- allowstransparency="true" - 設置窗體透明度。
- background="transparent" - 表明背景是透明的。
- windowstyle="none" - 此屬性刪除標題欄并使窗體無邊框。 基本上從窗體中刪除所有系統控件。
- opacitymask="white" - 此屬性使指定的背景顏色不受窗體的影響。
完成,教程完成。 通過這樣做,您可以將圖像作為窗體形狀。 為您的窗體賦予創意。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對服務器之家的支持。
原文鏈接:http://www.nopapp.com/Blog/Article/Shaped-WPF-Form