当前位置：首页 > ops >正文

WPF按钮Radius化

ops 2025/7/31 6:41:12

在WPF中，可以通过以下几种方式为按钮添加圆角（Radius化）：

方法一：通过自定义按钮模板

在XAML中，可以通过自定义按钮的ControlTemplate来设置圆角。具体步骤如下：

定义一个ControlTemplate，并在其中使用Border控件。
为Border控件设置CornerRadius属性。

示例代码：

<Button Content="圆角按钮" Width="120" Height="40"><Button.Template><ControlTemplate TargetType="{x:Type Button}"><Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1"><ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/></Border></ControlTemplate></Button.Template>
</Button>

方法二：使用全局样式

如果需要为多个按钮设置统一的圆角样式，可以定义一个全局样式。

示例代码：

<Window.Resources><Style x:Key="RoundButtonStyle" TargetType="{x:Type Button}"><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type Button}"><Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1"><ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/></Border></ControlTemplate></Setter.Value></Setter></Style>
</Window.Resources><Button Content="圆角按钮" Width="120" Height="40" Style="{StaticResource RoundButtonStyle}"/>

方法三：直接在`Border`控件中设置

如果按钮的内容是通过Border控件包装的，可以直接在Border控件中设置CornerRadius。

示例代码：

<Button Content="圆角按钮" Width="120" Height="40"><Button.Resources><Style TargetType="{x:Type Border}"><Setter Property="CornerRadius" Value="10"/></Style></Button.Resources>
</Button>

方法四：通过代码动态设置

如果需要在代码中动态创建按钮并设置圆角，可以通过以下方式：

Button myButton = new Button
{Content = "动态圆角按钮",Width = 120,Height = 40
};var buttonTemplate = new ControlTemplate(typeof(Button))
{VisualTree = new FrameworkElementFactory(typeof(Border)){SetValue(Border.CornerRadiusProperty, new CornerRadius(10)),SetValue(Border.BackgroundProperty, Brushes.LightBlue),SetValue(Border.ChildProperty, new FrameworkElementFactory(typeof(ContentPresenter)){SetValue(ContentPresenter.HorizontalAlignmentProperty, HorizontalAlignment.Center),SetValue(ContentPresenter.VerticalAlignmentProperty, VerticalAlignment.Center)})}
};myButton.Template = buttonTemplate;