您的位置:首页 > Web前端 > CSS

WPF 设置button样式,鼠标经过按钮字体变大

2018-02-08 11:11 2281 查看
Button样式效果:



1.编写样式 <Style x:Key="btn" TargetType="Button">
<Setter Property="Margin" Value="5,5,5,5"></Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid>
<Border BorderThickness="1" Margin="10 0 10 0" VerticalAlignment="Center" HorizontalAlignment="Center" Width="100" Height="30" CornerRadius="5,5,5,5" Background="#3E98D7">
<TextBlock Grid.Column="1" Text="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"></TextBlock>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Button.IsMouseOver" Value="True">
<Setter Property="Opacity" Value="1" />
<Setter Property="FontSize" Value="13"></Setter>
<Setter Property="FontWeight" Value="Bold"></Setter>
</Trigger>
<Trigger Property="Button.IsEnabled" Value="False">
<Setter Property="Opacity" Value="0.5" />
</Trigger>
<Trigger Property="Button.IsEnabled" Value="True">
<Setter Property="Opacity" Value="1" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>2.Button引用样式
<Button Content="Button1" Style="{StaticResource btn}" Click="button1_Click"/>
<Button Content="Button2" Style="{StaticResource btn}" IsEnabled="False" Click="button2_Click"/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐