原文:WPF中制作无边框窗体
众所周知,在WinForm中,如果要制作一个无边框窗体,可以将窗体的FormBorderStyle属性设置为None来完成。
如果要制作成异形窗体,则需要使用图片或者使用GDI+自定义绘制。
那么,在WPF中,我们怎样制作一个无边框窗体呢?
答案是将Window的WindowStyle属性设置为None,即WindowStyle="None" 。如果是非矩形的异形窗体,则需要将背景设为Null,将允许透明设置为True,也就是:Background="{x:Null}" AllowsTransparency="True",可能有些人还希望这个窗口可以拖来拖去,那么,就还需要设置MouseLeftButtonDown事件,比如:MouseLeftButtonDown="DragWindow",这里DragWindow由Window的DragMove()来完成。想关闭窗口?那就自己做一个按钮,然后使用Window本身的Close()方法吧。
下面是效果:
这里右上角有个圆形的X按钮,是用Button,但将它的样式设置成了圆角矩形制作的。具体代码见下:
XAML代码:
// Window1.xaml
Title="BorderlessWindow" Height="300" Width="300"
WindowStyle="None" Background="{x:Null}" AllowsTransparency="True"
MouseLeftButtonDown="DragWindow"
>
<br> <Setter Property="Foreground" Value="White"/><br> <Setter Property="Template"><br> <Setter.Value><br><br><!--设置样式 --><br> <ControlTemplate TargetType="{x:Type Button}"><br> <Grid><br> <strong><Rectangle x:Name="Rectangle" Stroke="#FFFFFFFF" StrokeMiterLimit="1.000000" StrokeThickness="0.500000" RadiusX="10" RadiusY="10" Fill="#FF777777"><br></strong> </Rectangle><br> <ContentPresenter x:Name="ContentPresenter" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"<br> VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/><br> </Grid><br><!-- 设置鼠标移到关闭按钮上的效果 --><br><font style="background-color:#c0c0c0;"> <ControlTemplate.Triggers><br> <Trigger Property="IsMouseOver" Value="true"><br> <Setter Property="Fill" TargetName="Rectangle"><br> <Setter.Value><br> <SolidColorBrush Color="White"></SolidColorBrush><br> </Setter.Value><br> </Setter><br> <Setter Property="Foreground" Value="Black"></Setter><br> </Trigger> <br> </ControlTemplate.Triggers></font><br> </ControlTemplate><br> </Setter.Value><br> </Setter><br>
Test Button
C#代码:
// Window1.xaml.cs
using System;
using System.Collections.Generic;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
namespace BorderlessWindow
{
///
/// Interaction logic for Window1.xaml
///
public partial class Window1 : System.Windows.Window
{
public Window1()
{
InitializeComponent();
}
public void DragWindow(object sender, MouseButtonEventArgs args)
{
this.DragMove();
}
public void CloseWindow(object sender, RoutedEventArgs args)
{
this.Close();
}
}
}
如果是异形窗体呢,比如是个这样的窗体形状:
如何做?其实道理都一样,只是画法不同而已(想知道怎么画出来的?那就看看这里吧:http://blog.csdn.net/johnsuna/archive/2007/09/19/1790997.aspx)。这就有待你举一返三了,不再赘述。