WPF 设置按钮有圆角

一、引言

在现代化用户界面设计中，圆角（Rounded Corners）已成为界面元素的标准视觉语言。从iOS的连续曲面到Material Design的微妙圆角，再到Windows 11的柔和几何，圆角设计不仅提升了界面的亲和力和现代感，还能有效引导用户视线、减少视觉疲劳。在WPF应用程序中，为按钮添加圆角是界面定制的基础需求，但实现过程中涉及布局系统、渲染性能、主题适配等多个技术维度。

二、代码实现

<!--  设置按钮有圆角  -->
    <Style
        x:Key="ButtonFilletBaseStyle"
        BasedOn="{x:Null}"
        TargetType="{x:Type Button}">
        <!--  重新模板，设置按钮有圆角  -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        CornerRadius="5"
                        SnapsToDevicePixels="true">
                        <ContentPresenter
                            x:Name="contentPresenter"
                            Margin="{TemplateBinding Padding}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Focusable="False"
                            RecognizesAccessKey="True"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>