自定义WPF窗体形状

介绍

你好WPF爱好者。 随着WPF等统一API语言的发明，丰富用户界面变得很是容易。 建立丰富的用户界面只是一个想法。 您须要拥有的是创造性思惟和最新技术融合。 WPF和Expression Blend在制做丰富的UI应用程序，清晰的图形和很是好的动画方面很是有用。

背景

我将要发布的是将窗口矩形形状塑形成图像的形状。 它能够是任何图像，任何形状，任何大小，它应该是没有背景的PNG（便携式网络图形）图像（白色背景被移除）。

代码使用

嗯，实现这一点是小菜一碟，但我仍然会提供一个完整的演练过程。

先决条件

1. .NET FrameWork 3.0或以上
2. Visual Studio 2008或以上
3. Adobe Photoshop或者一个图片编辑工具
4. 您要使用的图像文件
5. XAML相关知识

准备图片文件

1. 选择要用做窗体形状的图像文件。
2. 在大多数图像编辑工具中，使图像背景自由是一个很是简单的过程，可是，我将为Adobe Photoshop解释它（由于我喜欢该产品）。
3. 在Adobe Photoshop中打开图像文件。
4. 选择除背景以外的整个图像。
5. 复制选择。
6. 单击菜单文件>>新建。 这将显示一个对话框。 在对话框的“内容”部分中，选择“透明”，而后单击“肯定”。
7. 将打开透明背景画布，将图像粘贴到那里并将其另存为PNG文件。

如今咱们的图像文件准备就绪，让咱们如今塑造咱们的WPF表格。

设置WPF应用

1. 打开Visual Studio 2008并建立新项目。
2. 在Visual C＃项目模板下，选择Windows >> WPF应用。
3. 使用下面的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属性解释:

1. allowstransparency="True" - 设置窗体透明度。
2. background="Transparent" - 代表背景是透明的。
3. windowstyle="None" - 此属性删除标题栏并使窗体无边框。 基本上从窗体中删除全部系统控件。
4. opacitymask="White" - 此属性使指定的背景颜色不受窗体的影响。

完成，教程完成。 经过这样作，您能够将图像做为窗体形状。 为您的窗体赋予创意。点击下载自定义WPF窗体形状源代码下载