<Style TargetType="Button" x:Key="RetangleButton">
<Setter Property="FontSize" Value="14"></Setter>
<Setter Property="Width" Value="130" />
<Setter Property="Height" Value="20" />
<Setter Property="Foreground" Value="White" />
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="Lime" Offset="0"/>
<GradientStop Color="Green" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Border Name="border" CornerRadius="8" Background="{TemplateBinding Background}">
<ContentPresenter Name="content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
RecognizesAccessKey="True"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background">
<Setter.Value>
<RadialGradientBrush>
<GradientStop Offset="0" Color="Lime" />
<GradientStop Offset="1" Color="DarkGreen" />
</RadialGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Foreground" Value="#FFF9F7E1"/>
<Setter Property="Background">
<Setter.Value>
<RadialGradientBrush>
<GradientStop Offset="0" Color="#ffcc34" />
<GradientStop Offset="1" Color="#cc9900" />
</RadialGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter TargetName="border" Property="Opacity" Value="0.6" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
矩形按钮效果
猜你喜欢
转载自blog.csdn.net/dxm809/article/details/107451900
今日推荐
周排行