随着技术的发展,用户界面设计变得越来越丰富和多样化。WPF(Windows Presentation Foundation)和Expression Blend等工具使得创建富有吸引力的用户界面变得轻而易举。所需要的只是一个富有创造力的头脑和最新的技术融合。本文将介绍如何将窗口的矩形形状改变为任何图像的形状,无论是什么形状、大小,只要它是没有背景的PNG(便携式网络图形)图像。
本文将展示如何将一个窗口的矩形形状改变为图像的形状。这个图像可以是任何形状、任何大小,但必须是没有背景的PNG图像。
实现这一点非常简单,但将提供一个完整的步骤指南。
选择想要用作窗口形状的图像文件。在大多数图像编辑工具中,将图像背景变为透明是一个相对简单的过程,但将为Adobe Photoshop(因为非常喜欢这个产品)解释这个过程。
在Adobe Photoshop中打开图像文件。选择整个图像,但不包括背景。复制所选内容。点击菜单“文件”>“新建”。这将显示一个对话框。在对话框的内容部分,选择“透明”并点击确定。
一个带有透明背景的画布将会打开,将图像粘贴到那里,并将其保存为PNG文件。现在图像文件已经准备好了,让开始塑造WPF窗口吧。
打开Visual Studio 2008并创建一个新项目。在Visual C#项目模板下,选择“Windows”>>“WPF应用程序”。使用以下XAML代码:
<Window x:Class="ShapedWPFForm.ShapedWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="ShapedWindow" WindowStartupLocation="CenterScreen"
AllowsTransparency="True" OpacityMask="White" WindowStyle="None"
Background="Transparent" Width="620" Height="267">
<Grid>
<Image Name="imgBackground" Source="Shape.png" Stretch="Fill" />
</Grid>
</Window>
就是这样,完成了。让解释一下XAML代码: