WPF中CornerRadius是什么属性

在WPF中，CornerRadius 属性我们经常需要使用到，它的作用是用来设置控件的四个圆角，在 Border ，Button 等控件中使用。等同于 css 中的 border-radius 设置。

定义

CornerRadius 是在定义上是一个结构体，内部有四个字段，分别是TopLeft ，TopRight ，BottomLeft ，BottomRight。分别控制左上角，右上角，左下角，右下角四个角。

使用

我们可以在 xaml 中直接设置 CornerRadius 属性，如下所示即是设置 Border 控件的四个圆角值为10。

<Border CornerRadius="10" ></Border>

除此之外，我们还可以分别设置四个角的值，下面展示代码就是设置 Border 的左上角为10，其他角度为0.

<Border CornerRadius="10,0,0,0" ></Border>

除了在 xaml 中使用，还可以在后台的 C# 代码中使用，下面的代码也能达到一样的效果。

border.CornerRadius = new CornerRadius(10,0,0,0);

除了静态设置之外，我们还可以针对 CornerRadius 属性做出动画效果，不过 WPF 中并没有内置对应的动画，所以需要我们自己实现，具体可以查看这篇文章：WPF中创建一个矩形圆角动画