WPF 如何修改button圆角(经典)

本人想设置Button为圆角，奈何搜索百度，找到的全是坑爹答案，现总结如下：

1. 需要添加button 的template. 

2. 设置border的时候，必须要设置background, 否则会提示content 被多次使用。

   <Button Grid.Row="3" Grid.Column="2" Content="取消" Margin="30,40,200,40" >    <Button.Template >     <ControlTemplate TargetType="{x:Type Button}" >      <Border BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="1" CornerRadius="7,7,7,7">       <Border.Background>#FFDDDDDD</Border.Background>       <ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center" ></ContentPresenter>      </Border>     </ControlTemplate>    </Button.Template>   </Button>

　　我们只需要在XAML中给他添加几行代码就可以做成圆角形状。

<Button x:Name="button" Content="按钮" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="25,58,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="White">  <Button.Template>   <ControlTemplate TargetType="{x:Type Button}">    <Border BorderThickness="1" BorderBrush="Black" CornerRadius="30" Background="{TemplateBinding Background}">     <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>    </Border>   </ControlTemplate>  </Button.Template></Button>

属性解析：
BorderThickness：边框的大小
BorderBrush：边框的颜色
CornerRadius：圆角的大小
Background：背景颜色"{TemplateBinding Background}"：这个就是使用上面<Button>的Background属性值作为他的值
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>：文字垂直居中对齐

加个渐变色

<Button x:Name="button" Content="按钮" FontSize="40" BorderThickness="0" HorizontalAlignment="Left" Margin="25,58,0,0" VerticalAlignment="Top" Width="472" Height="200" Foreground="White">   <Button.Background>    <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">     <GradientStop Color="#FFC564B8" Offset="0"/>     <GradientStop Color="#FFF57A7A" Offset="1"/>    </LinearGradientBrush>   </Button.Background>   <Button.Template>    <ControlTemplate TargetType="{x:Type Button}">     <Border BorderThickness="1" CornerRadius="30" Background="{TemplateBinding Background}">      <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>     </Border>    </ControlTemplate>   </Button.Template>  </Button>

　　

 

 

 

项目实例：

把样式和空间模板放到资源中，然后去引用

<Window x:  
　　鼠标放到按钮上以后按钮呈现蓝色
 


 
 
 

   
原文转载：http://www.shaoqun.com/a/579619.html
跨境电商：https://www.ikjzd.com/
空中云汇：https://www.ikjzd.com/w/2684
 
邮政电话：https://www.ikjzd.com/w/202
 
本人想设置Button为圆角，奈何搜索百度，找到的全是坑爹答案，现总结如下：1.需要添加button的template.2.设置border的时候，必须要设置background,否则会提示content被多次使用。<ButtonGrid.Row="3"Grid.Column="2"Content="取消"Margin="
启明星软件：https://www.ikjzd.com/w/1436
mile：https://www.ikjzd.com/w/1746
hemingway：https://www.ikjzd.com/w/2344
干货：选品必备5大工具：https://www.ikjzd.com/home/122417
Product Boost：https://www.kjyunke.com/courses/627
Amazon站外引流真的那么重要吗？：https://www.ikjzd.com/home/16854