WPF 去边框自定义窗体拖动窗体大小变化

最新推荐文章于 2026-05-28 14:51:17 发布

原创最新推荐文章于 2026-05-28 14:51:17 发布 · 3.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

WPF札记

这篇博客介绍了如何在WPF中实现自定义窗体并去除边框，同时允许用户通过拖动来改变窗体大小。作者指出，常见的实现方法是借助win32 API或windowChrome.Shell，但WPF自身已内置了windowChrome功能。文章提供了仅使用Xaml就能实现这一功能的代码示例，无需后台代码，读者可以通过设置Window的Style来实现这一效果。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

WPF 去边框自定义窗体拖动窗体大小变化

wpf 自定义窗体并拖动窗体大小变化网上普遍实现都是 win32那一套或者用windowChrome.Shell这两种方式。实际上wpf目前已经集成了windowChrome。那么新的使用方式怎么弄呢？非常简单！

Xaml实现代码

后台都不用写任何代码哟！

<Window x:Class="TestNoBorderWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="TestNoBorderWindow"
        Width="300"
        Height="300"
        MinWidth="100"
        MinHeight="100"
        mc:Ignorable="d">
    <Window.Style>
        <Style TargetType="Window">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="WindowStyle" Value="None" />
            <Setter Property="ResizeMode" Value="CanResize" />
            <Setter Property="AllowsTransparency" Value="True" />
            <Setter Property="WindowChrome.WindowChrome">
                <Setter.Value>
                    <WindowChrome CaptionHeight="30" ResizeBorderThickness="20" />
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Style>
    <Border Margin="10"
            Background="White"
            BorderBrush="Red"
            BorderThickness="1"
            CornerRadius="5"
            SnapsToDevicePixels="True">
        <Border.Effect>
            <DropShadowEffect BlurRadius="10"
                              Direction="0"
                              ShadowDepth="0" />
        </Border.Effect>
        <Grid />
    </Border>
</Window>

当然你也可以直接写成Window的Style

<Window x:Class="TestNoBorderWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="TestNoBorderWindow"
        Width="300"
        Height="300"
        MinWidth="100"
        MinHeight="100"
        mc:Ignorable="d">
    <Window.Style>
        <Style TargetType="Window">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="WindowStyle" Value="None" />
            <Setter Property="ResizeMode" Value="CanResize" />
            <Setter Property="AllowsTransparency" Value="True" />
            <Setter Property="WindowChrome.WindowChrome">
                <Setter.Value>
                    <WindowChrome CaptionHeight="30" ResizeBorderThickness="20" />
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Window">
                        <Border Padding="10">
                            <Border Background="White"
                                    BorderBrush="Red"
                                    BorderThickness="1"
                                    CornerRadius="5"
                                    SnapsToDevicePixels="True">
                                <Border.Effect>
                                    <DropShadowEffect BlurRadius="10"
                                                      Direction="0"
                                                      ShadowDepth="0" />
                                </Border.Effect>
                                <ContentPresenter />
                            </Border>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Style>
</Window>

先看看GIF

这里写图片描述