WPF Button 设置圆角 CornerRadius属性的使用

在WPF,button的默认形态时长方形的，但是我们为了美观，通常需要将button的四个角设计的温和一点，在WPF中就需要用到这样一个属性CornerRadius。

首先我们要画一个button

<Button Click="SubmitButton" Style="{StaticResource NormalButton}" Content="确认" Background="#037AA6" Foreground="#FAFBFD" />

然后给button添加样式

<Style x:Key="NormalButton" TargetType="{x:Type Button}">
        <Setter Property="FontFamily" Value="GEInspiraSans-Bold" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="Height" Value="32"/>
        <Setter Property="Width" Value="96"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border CornerRadius="3" BorderBrush="#037AA6" BorderThickness="1" Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

可以看到为border设置了CornerRadius属性，value为3，这个可以根据需求自定义圆角的弯曲度，同时上面将Background通过绑定的方式输入value,那么在画button的时候可以将值传入