C# wpf 无边框窗口添加阴影效果的实现

目录

• 前言
• 一、如何实现？
• 1、去除边框
• 2、添加阴影
• 3、添加触发器
• 二、示例代码
• 三、效果预览
• 总结

前言

制作无边框窗口时，系统自带阴影会消失，这时就需要我自己给窗口添加阴影以防止窗口融入背景。添加阴影的方法很简单，直接用effect就可以了，但这里还是有个不容易注意到的细节需要处理，加阴影后窗口最大化可能会有问题。

一、如何实现？

1、去除边框

（1）方法一

使用WindowStyle可以去除窗口边框，AllowsTransparency+Background制造透明窗口为阴影留出透明边距。
注：此方法较影响窗口渲染性能。

（2）方法二

使用WindowChrome也可以实现无边框窗口，.net4.5之后可以使用此组件。WindowChrome通常不会影响渲染性能。

2、添加阴影

使用DropShadowEffect 加Margin属性即可。添加阴影特效后，需要设置margin给阴影留出边距，否则是看不到阴影的。通常到这一步就结束了，如果窗口需要最大化则继续往下。

3、添加触发器

1、 为何添加触发器？

根据上述2个步骤添加完阴影后，如果将窗口最大化就会发现，Margin依然生效，全屏窗口有一个透明外边距，为了解决这问题所以需要添加触发器。

2、 具体实现

在style中使用触发器，绑定窗口状态，当最大化时边距设为0，其他情况设为阴影需要的边距。在这里需要注意的是此时Grid不可以设置Margin属性了只能在触发器中设置，因为赋值优先级的原因，在Grid中设置Margin后触发器的赋值会失效。

二、示例代码

MainWindow.xaml

MainWindow.xaml.cs

using System.Windows;
namespace WpfApp8
{
    /// 

    /// Interaction logic for MainWindow.xaml
    /// 
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void Button_Click(object sender, RoutedEventArgs e)
        {        
            WindowState = WindowState== WindowState.Maximized? WindowState .Normal: WindowState.Maximized;
        }
        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            WindowState = WindowState.Minimized;
        }
        private void Button_Click_2(object sender, RoutedEventArgs e)
        {
            Close();
        }
    }
}

三、效果预览

总结

以上就是今天要讲的内容，给窗口添加阴影的方法还是比较简单的，只是需要注意窗口最大化的情况。但实际上窗口阴影对性能影响还是比较大的，尤其是有渲染视频的情况下，消耗更多的cpu。所以阴影只适合对性能要求不高的场景。