wpf圆角窗体四周阴影效果

在wpf中常常自定义窗体,如圆角窗体四周加阴影效果,(将窗体样式设置为无:WindowStyle="None" ResizeMode="NoResize" ,在窗体代码里自定义实现关闭、移动等事件操作)。

阴影效果代码如下:

 

<Window Background="Transparent" WindowStyle="None" ResizeMode="NoResize">
  <WindowChrome.WindowChrome>
    <WindowChrome GlassFrameThickness="-1" CaptionHeight="0"/>
  </WindowChrome.WindowChrome>
  <Grid>
    <Border Background="#DDDDDD" Margin="5" CornerRadius="5">
      <Border.Effect>
        <BlurEffect Radius="4" KernelType="Box" RenderingBias="Quality"/>
      </Border.Effect>
    </Border>
    <Border Background="White" Margin="6" CornerRadius="5" BorderBrush="White" BorderThickness="0" Padding="0">
      <!--主体内容-->
    </Border>
  </Grid>
</Window>

 

 

 原理:相当于两个border,一个大一点 (边缘模糊),一个小一点(覆盖在上面),就呈现出一个阴影的效果

posted @ 2021-02-03 11:20  MrZhaoLin  阅读(1525)  评论(0编辑  收藏  举报