在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中创建一个矩形圆角动画