CustomButton

所属程序集：ZnWpf.Presentation

描述

本控件为 WPF 原生 Button 控件的增强实现

具体为：

• 修改了Button的默认样式，使其契合控件库的整体风格
  • 修改了默认的背景颜色和填充
  • 移除了略显突兀的默认特效，现在你可以自由添加你想要的特效
• 增加了圆角特性，现在你控制按钮四角的弧度了

一个简单且实用的自定义样式

<Style x:Key="TitleButton" TargetType="{x:Type controls:CustomButton}">
    <Setter Property="Padding" Value="5 2"></Setter>
    <Setter Property="BorderBrush" Value="White"></Setter>
    <Setter Property="Background" Value="Transparent"></Setter>
    <Setter Property="Foreground" Value="White"></Setter>
    <Setter Property="BorderThickness" Value="0.5"></Setter>
    <Setter Property="CornerRadius" Value="3"></Setter>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="#333333"></Setter>
        </Trigger>
    </Style.Triggers>
</Style>

<controls:CustomButton 
    Content="关于" Style="{StaticResource TitleButton}" 
    Margin="5 0"  VerticalAlignment="Center">
</controls:CustomButton>

依赖属性

---

依赖属性	类型	默认值	描述
CornerRadius	CornerRadius	0	按钮的圆角

---

CornerRadius

类型：CornerRadius
默认值：CornerRadius
描述：用于设置按钮的圆角

演示

<StackPanel HorizontalAlignment="Left">
    <controls:CustomButton Margin="5" CornerRadius="0">CornerRadius="0"</controls:CustomButton>
    <controls:CustomButton Margin="5" CornerRadius="5">CornerRadius="5"</controls:CustomButton>
    <controls:CustomButton Margin="5" CornerRadius="10">CornerRadius="10"</controls:CustomButton>
</StackPanel>

---