WPF Button按钮设置圆角

这里介绍Button按钮设置圆角的两种方法

第一种:最简单的方法。可以在自定义用户控件中使用

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

第二种:重写Template,优点是这样自由度更高,可以改更多的显示效果,缺点是Triggers你也得重新写一下,如果只是想要个圆角的话,推荐第一种。

复制代码
<Button Content="圆角按钮" >
    <Button.Style >
        <Style TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}" >
                        <Border x:Name="border" CornerRadius="8" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FFBEE6FD"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Button.Style>
</Button>
复制代码

 

posted @   小林野夫  阅读(2290)  评论(0编辑  收藏  举报
努力加载评论中...
原文链接:https://www.cnblogs.com/cdaniu/
点击右上角即可分享
微信分享提示