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"/>
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"/>
相关文章推荐
- wpf textblock 会覆盖 button里面字体样式的解决方法 还有button的style覆盖。。datepicker里面的按钮的style
- WPF 实现DataGrid行鼠标经过、点击时的背景、文字、行高等样式
- 设置鼠标经过VDividedBox container的分割线时鼠标的样式.
- QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标
- 提交按钮设置背景图片,以及鼠标经过换背景图
- 超链接鼠标经过 点击 点击时 点击后 字体颜色样式
- C# WPF button样式清空以及关闭 最小化 按钮重置
- 设置button的样式,使得按钮的图片在上面,文字在图片的下面
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- WPF 实现DataGrid行鼠标经过、点击时的背景、文字、行高等样式
- 02---按钮的设置 控制器拥有导航栏包装一层导航控制器 添加子控制器 UIBarButtonItem导航按钮 设置导航栏UINavigationBar主题 设置状态栏样式
- .net LinkButton鼠标经过改变字体的样式
- WPF 设置DataGrid 鼠标移动改变行颜色样式
- input text 文本框的样式 字体样式设置 按钮的样式
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签(label)对齐方式的例子
- WPF Button 样式 鼠标移入发光
- 设置WPF DataGrid 鼠标移动改变行颜色样式
- 设置UISearchBar的按钮字体样式
- 【C#】【WPF】Button按钮动态设置Background背景颜色
- WPF Button 样式资源设置&后台生成button样式