WPF Button按钮模板样式修改（一）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/BYH371256/article/details/83414356

本章讲述：Button简单模板样式的修改，圆角矩形按钮实现；

主要通过修改控件模板以达到效果；

XAML前端样式代码：通过Border来控制控件的圆角；采用属性触发器控制鼠标操作时，改变前景色和背景色。

<Style x:Key="ExButton" TargetType="{x:Type Button}">
	<Setter Property="MinHeight" Value="30"/>
	<Setter Property="MinWidth" Value="100"/>
	<Setter Property="FontSize" Value="15"/>
	<Setter Property="FontFamily" Value="微软雅黑"/>
	<Setter Property="Background" Value="#FFE4E4E4"/>
	<Setter Property="Foreground" Value="#FF009DDC"/>
	<Setter Property="Template">
		<Setter.Value>
			<ControlTemplate TargetType="{x:Type Button}">
				<Border x:Name="Bd" Background="{TemplateBinding Background}" CornerRadius="5" MinHeight="{TemplateBinding MinHeight}" MinWidth="{TemplateBinding MinWidth}"
						SnapsToDevicePixels="true" Margin="{TemplateBinding Margin}">
					<TextBlock x:Name="text" Text="{TemplateBinding Content}" Margin="3,2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
				</Border>

				<ControlTemplate.Triggers>
					<Trigger Property="IsMouseOver" Value="True">
						<Setter TargetName="Bd" Property="Background" Value="#FF009DDA" />
						<Setter  Property="Foreground" Value="White" />
					</Trigger>
					<Trigger Property="IsPressed" Value="True">
						<Setter TargetName="Bd" Property="Background" Value="#FFFF6633" />
						<Setter  Property="Foreground" Value="White" />
					</Trigger>
				</ControlTemplate.Triggers>
			</ControlTemplate>
		</Setter.Value>
	</Setter>
</Style>

效果图