本章讲述: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>
效果图