wpf之样式属性、事件、触发器

wpf的样式可以把属性一样的设置写在样式里面，这样可以减少代码量。

举个简单的例子：

<Window x:Class="WpfPictureClick.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:WpfPictureClick"xmlns:sys="clr-namespace:System;assembly=mscorlib"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><Style x:Key="BigFrontStyle"><Setter Property="Control.FontFamily" Value="Time New Roman"></Setter><Setter Property="Control.FontSize" Value="18"></Setter></Style></Window.Resources><Grid><Grid.RowDefinitions><RowDefinition></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><Button Grid.Row="0" Style="{StaticResource BigFrontStyle}" Width="80" Height="80" Content="3333"></Button><Button Grid.Row="1"  Width="80" Height="80" Content="3333"></Button></Grid>
</Window>

样式需要在Window.Resources里面定义，然后在下面使用，直接上结果的图片

明显字体是不一样的，这个时候，样式的作用就体现出来了

*****************************除了设置属性之后，样式还能够设置事件*************

<Window x:Class="WpfPictureClick.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:WpfPictureClick"xmlns:sys="clr-namespace:System;assembly=mscorlib"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><Style x:Key="EventStyle"><EventSetter Event="Button.MouseEnter" Handler="FrameworkElement_MouseEnter"></EventSetter><EventSetter Event="Button.MouseLeave" Handler="FrameworkElement_MouseLeave"></EventSetter></Style></Window.Resources><Grid><Grid.RowDefinitions><RowDefinition></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><Button Grid.Row="0" Style="{StaticResource EventStyle}" Width="80" Height="80" Content="3333"></Button><Button Grid.Row="1"  Width="80" Height="80" Content="3333"></Button></Grid>
</Window>

通过EventSetter来设置

处理函数如下：

 public void FrameworkElement_MouseEnter(object sender, MouseEventArgs e){((Button)sender).Background = new SolidColorBrush(Color.FromArgb(0xFF, 0x2c, 0x2c, 0x2c));}private void FrameworkElement_MouseLeave(object sender, MouseEventArgs e){((Button)sender).Background = new SolidColorBrush(Color.FromArgb(0xFF, 0x12, 0x57, 0x90));}

结果如下：

*****************************除了设置事件之后，样式有个王牌，叫触发器*************

<Window x:Class="WpfPictureClick.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:WpfPictureClick"xmlns:sys="clr-namespace:System;assembly=mscorlib"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Window.Resources><Style x:Key="EventStyle"><EventSetter Event="Button.MouseEnter" Handler="FrameworkElement_MouseEnter"></EventSetter><EventSetter Event="Button.MouseLeave" Handler="FrameworkElement_MouseLeave"></EventSetter></Style><Style x:Key="TriggerStyle" ><Style.Triggers><Trigger Property="Button.IsMouseOver" Value="True"><Setter Property="Button.Background" Value="red"></Setter></Trigger><Trigger Property="Button.IsMouseOver" Value="false"><Setter Property="Button.Background" Value="Black"></Setter></Trigger></Style.Triggers></Style></Window.Resources><Grid><Grid.RowDefinitions><RowDefinition></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><Button Grid.Row="0" Focusable="False" Style="{StaticResource TriggerStyle}" Width="80" Height="80" Content="3333"></Button><Button Grid.Row="1" Width="80" Height="80" Content="3333"></Button></Grid>
</Window>

通过Style.Triggers来设置触发器，效果如下：

wpf之样式属性、事件、触发器相关推荐

WPF系列教程（二十九）：触发器Triggers、MultiTrggers、EventTrigger——属性触发器、多触发器、事件触发器
使用触发器可以自动完成简单的样式改变. 项目源码触发器在Style定义时使用Style.Triggers属性来实现:  <Style.Triggers&g ...
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...
vue、Cascader 级联选择、Cascader 属性事件方法、vue Cascader 所有级联选择样式、vue Cascader 级联选择全部属性事件方法
vue.Cascader 级联选择.Cascader 属性事件方法.vue Cascader 所有级联选择样式.vue Cascader 级联选择全部属性事件方法 Cascader 级联选择何时使用 ...
WPF的依赖属性和附加属性（用法解释较全）
转:https://www.cnblogs.com/zhili/p/WPFDependencyProperty.html 一.引言感觉最近都颓废了,好久没有学习写博文了,出于负罪感,今天强烈逼迫自己 ...
vue、Layout 布局、Layout 属性事件、vue Layout 全部布局、vue Layout 全部属性事件
vue.Layout 布局.Layout 属性事件.vue Layout 全部布局.vue Layout 全部属性事件设计规则尺寸交互视觉组件概述代码演示 1.基本结构 2.自定义触发器 ...
WPF的样式(Style)继承
WPF的样式(Style)继承参考自http://www.cnblogs.com/SkyD/archive/2008/08/09/1264294.html,非常感谢. 用Style的BaseOn属性 ...
WPF中的鼠标事件详解
WPF中的鼠标事件详解 Uielement和ContentElement都定义了十个以Mouse开头的事件,8个以PreviewMouse开头的事件,MouseMove,PreviewMouseMov ...
WPF 学习笔记路由事件
1. 可传递的消息: WPF的UI是由布局组建和控件构成的树形结构,当这棵树上的某个节点激发出某个事件时,程序员可以选择以传统的直接事件模式让响应者来响应之,也可以让这个事件在UI组件树沿着一定的方向 ...
操作属性之修改样式属性
操作属性之修改样式属性 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...

wpf之样式属性、事件、触发器

wpf之样式属性、事件、触发器相关推荐

最新文章

热门文章