介紹

你好WPF愛(ài)好者。 隨著WPF等統(tǒng)一API語(yǔ)言的發(fā)明，豐富用戶(hù)界面變得非常容易。 創(chuàng)建豐富的用戶(hù)界面只是一個(gè)想法。 您需要擁有的是創(chuàng)造性思維和最新技術(shù)融合。 WPF和Expression Blend在制作豐富的UI應(yīng)用程序，清晰的圖形和非常好的動(dòng)畫(huà)方面非常有用。

在創(chuàng)建WPF應(yīng)用的時(shí)候，你第一個(gè)看到的就是窗體類(lèi)。它作為窗體的基礎(chǔ)，提供標(biāo)準(zhǔn)的邊框、工具條、最大化、最小化和關(guān)閉按鈕。WPF窗體是XAML文件和后臺(tái)代碼文件的混合體。

背景

我將要發(fā)布的是將窗口矩形形狀塑造成圖像的形狀。 它可以是任何圖像，任何形狀，任何大小，它應(yīng)該是沒(méi)有背景的PNG（便攜式網(wǎng)絡(luò)圖形）圖像（白色背景被移除）。

代碼使用

嗯，實(shí)現(xiàn)這一點(diǎn)是小菜一碟，但我仍然會(huì)提供一個(gè)完整的演練過(guò)程。

先決條件

• .NET FrameWork 3.0或以上
• Visual Studio 2008或以上
• Adobe Photoshop或者一個(gè)圖片編輯工具
• 您要使用的圖像文件
• XAML相關(guān)知識(shí)

準(zhǔn)備圖片文件

1. 選擇要用作窗體形狀的圖像文件。
2. 在大多數(shù)圖像編輯工具中，使圖像背景自由是一個(gè)非常簡(jiǎn)單的過(guò)程，但是，我將為Adobe Photoshop解釋它（因?yàn)槲蚁矚g該產(chǎn)品）。
3. 在Adobe Photoshop中打開(kāi)圖像文件。
4. 選擇除背景之外的整個(gè)圖像。
5. 復(fù)制選擇。
6. 單擊菜單文件>>新建。 這將顯示一個(gè)對(duì)話框。 在對(duì)話框的“內(nèi)容”部分中，選擇“透明”，然后單擊“確定”。
7. 將打開(kāi)透明背景畫(huà)布，將圖像粘貼到那里并將其另存為PNG文件。

現(xiàn)在我們的圖像文件準(zhǔn)備就緒，讓我們現(xiàn)在塑造我們的WPF表格。

設(shè)置WPF應(yīng)用

打開(kāi)Visual Studio 2008并創(chuàng)建新項(xiàng)目。

在Visual C＃項(xiàng)目模板下，選擇Windows >> WPF應(yīng)用。

使用下面的XAML:

<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" - 設(shè)置窗體透明度。
• background="Transparent" - 表明背景是透明的。
• windowstyle="None" - 此屬性刪除標(biāo)題欄并使窗體無(wú)邊框。 基本上從窗體中刪除所有系統(tǒng)控件。
• opacitymask="White" - 此屬性使指定的背景顏色不受窗體的影響。

完成，教程完成。 通過(guò)這樣做，您可以將圖像作為窗體形狀。 為您的窗體賦予創(chuàng)意。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。