首页 > 代码库 > Trigger和ViewStateManager的具体比较
Trigger和ViewStateManager的具体比较
ViewStateManager的好处 拥有 GeneratedDuration ，可以很方便的进行几个状态之间的切换过渡动画。
坏处是，在界面加载时只能显示默认效果，通过GoToStateAction 绑定的DataTrigger 必须在界面加载完毕后触发才有效果。
-------下面为转载http://www.th7.cn/Program/net/201212/115057.shtml
[TemplateVisualState(Name = "Large", GroupName = "SizeStates")]
[TemplateVisualState(Name = "Small", GroupName = "SizeStates")]
[TemplateVisualState(Name = "Inactive", GroupName = "ActiveStates")]
[TemplateVisualState(Name = "Active", GroupName = "ActiveStates")]
目录
- 1. Trigger的支持
- 2. 为什么是Trigger？
- 3. ViewStateManager的支持
- 4. Trigger和ViewStateManager的具体比较
返回目录
1. Trigger的支持
Trigger是XAML中另一个非常有趣的特性，它就像是在XAML中定义了一个if语句。但是随着后期微软XAML框架的演变，Trigger却逐渐被弱化，让我们先看看Trigger在当前最新XAML框架中的支持状况：
| WPF 4.5 | Silverlight 5/WP8 | WinRT(Windows 8) | |
| FrameworkElement.Triggers （注意这里只支持EventTrigger） |
支持 | 支持 | 支持 |
| Style.Triggers | 支持 | 不支持 | 不支持 |
| DataTempate.Triggers | 支持 | 不支持 | 不支持 |
| ControlTemplate.Triggers | 支持 | 不支持 | 不支持 |
| Trigger类型 | 支持 | 不支持 | 不支持 |
| EventTrigger类型 | 支持 | 支持 | 支持 |
| DataTrigger类型 | 支持 | 不支持 | 不支持 |
| TriggerBase.Enter/ExitActions | 支持 | 不支持 | 不支持 |
| BeginStoryboard TriggerAction | 支持 | 支持 | 支持 |
看到了吧，Trigger在后期微软XAML框架中已经被大大削减，说实话只有WPF才能算上是支持Trigger的，而Silverlight/WinRT也就仅仅是在FrameworkElement的Trigges属性中支持BeginStoryboard这个TriggerAction罢了。
注意：
Microsoft Expression Blend SDK可以提供额外的对Trigger相关类型的支持。比如众所周知的System.Windows.Interactivity.dll。
返回目录
2. 为什么是Trigger？
OK，那么为什么Trigger在后期XAML框架混的这么惨呢？
我个人认为两点：
1：Trigger本身不是100%必须的，而后期的XAML框架显然很重视性能和体积，因此某些不是100%需要的东西就可能被剪掉。
比如模板中的Trigger可以通过定义Converter甚至是DataTemplateSelector代替，而Style中的Trigger通常比较少见，即便有需求也可以直接写在背后控件属性逻辑上，可以不放在XAML中。
2：Trigger多应用在动画定义上，在这一点上。从上面可以看到，EventTrigger和BeginStoryboard都被现有XAML框架所支持。不过在控件模板这种对动画定义需求比较高的情况下，BeginStoryboard很力不从心，而ViewStateManager在这里则完胜Trigger。
返回目录
3. ViewStateManager的支持
注意：
XAML中的ViewState和ASP.NET中的ViewState概念不一样，ASP.NET中的ViewState主要是指数据在无状态协议中的保留问题。而XAML中的ViewState指控件在不同状态下的外表定义。
ViewStateManager只有在某些旧的XAML框架中不支持，新的XAML框架都是很好地支持它的。
不支持ViewStateManager的XAML框架：
WPF 3.0
WPF 3.5
Silverlight 1
Silverlight 2
支持ViewStateManager的XAML框架：
WPF 4 +
Silverlight 3 +
Windows Phone 7.0 +
WinRT
可以看到，VisualStateManager基本上已经是任何XAML框架定义控件模板的标准了。
返回目录
4. Trigger和ViewStateManager的具体比较
接下来我们就来直接来比较一下Trigger和ViewStateManager的风格。我们就用最常见的操作：“控件模板”定义做比较。这也是他们的直接冲突领域。现在我们就定义一个最简单的Button的控件模板，具体规格如下：
1. 颜色默认是蓝色，鼠标指向时变成绿色，点击后变成灰色。
2. 要求点击后动画时长0.1秒，其他统一0.5秒。
注意：
下方代码统一以WPF环境做示例。因为WPF是唯一的既完全支持Trigger也支持ViewStateManager的XAML框架。
使用ViewStateManager方式：
1. 定义ViewStateGroup。
2. 定义具体ViewState
3. 添加Storyboard
4. 需要的话，定义Transition。
XAML：
<Button Content="Mgen">
<Button.Template>
<ControlTemplate TargetType="Button">
<Border Name="border"
Background="LightBlue">
<ContentPresenter Content="{TemplateBinding Content}"/>
<VisualStateManager.VisualStateGroups>
<!-- 普通状态 -->
<VisualStateGroup x:Name="CommonStates">
<!-- 定义时常 -->
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.5"/>
<VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
</VisualStateGroup.Transitions>
<!-- 定义三种状态的Storyboard -->
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
Duration="0"
To="Green"/>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
Duration="0"
To="Gray"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</Border>
</ControlTemplate>
</Button.Template>
</Button>
而使用Trigger的方式：
注意：
尽管WPF对Trigger和ViewStateManager都完全支持。但是在WPF 4后，还是推荐使用ViewStateManager的方式定义模板。
使用Trigger定义，我们不得不面对如下麻烦：
1. 选择Trigger类型和对应属性，比如我们使用普通Trigger对象，和Button的IsPressed属性和IsMouseOver来手动判断状态。
2. 根据Trigger类型执行操作，如果使用Trigger.Setters，是具有自动还原功能的，如果使用EnterActions，如果想进行还原操作，必须设置ExitActions。对于EventTrigger，只能使用Actions属性。
3. 使用BeginStoryboard执行Storyboard，这里没有VisualStateManager模式中的GeneratedDuration，一切都得自己定义。
XAML：
<Button Content="Mgen">
<Button.Template>
<ControlTemplate TargetType="Button">
<Border Name="border" Background="LightBlue">
<ContentPresenter/>
</Border>
<!-- 定义Trigger -->
<ControlTemplate.Triggers>
<!-- 鼠标进入的设置和还原动画 -->
<Trigger Property="IsMouseOver" Value="http://www.mamicode.com/True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
To="Green"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</Trigger.ExitActions>
</Trigger>
<!-- 鼠标按下的设置和还原动画 -->
<Trigger Property="IsPressed" Value="http://www.mamicode.com/True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
To="Gray"
Duration="0:0:0.1"/>
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background.Color"
Duration="0:0:0.5"/>
</Storyboard>
</BeginStoryboard>
</Trigger.ExitActions>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Button.Template>
</Button>
结果很明显，使用Trigger和ViewStateManager相比，Trigger的方式更原始，可能会依靠多种Trigger的多种执行方式来完成设置操作，动画定义较繁琐。而ViewStateManager，则是为了克服如上缺点而生。
当然，ViewStateManager也有其不好的一面，有些时候，特别是不需要动画的时候，ViewStateManager只能还是使用动画的模式硬生生地进行非动画操作。比如我们创建一个简单的CheckBox的控件模板。当选中后显示“真”，未选时显示“假”。
使用ViewStateManager方式。我们还得定义Storyboard，只不过是用ObjectAnimationUsingKeyFrames。XAML：
<CheckBox IsChecked="False">
<CheckBox.Template>
<ControlTemplate TargetType="CheckBox">
<Border>
<TextBlock Text="真" Name="textBlock"/>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup Name="CheckStates">
<VisualState Name="Checked"/>
<VisualState Name="Unchecked">
<Storyboard>
<ObjectAnimationUsingKeyFrames Duration="0"
Storyboard.TargetName="textBlock"
Storyboard.TargetProperty="Text">
<DiscreteObjectKeyFrame KeyTime="0"
Value="http://www.mamicode.com/假"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</Border>
</ControlTemplate>
</CheckBox.Template>
</CheckBox>
这个时候，我们就该想念Trigger，一个再简单不过的Trigger和一个Setter就实现了上述功能，既简单可读性还高，XAML：
<CheckBox IsChecked="False">
<CheckBox.Template>
<ControlTemplate TargetType="CheckBox">
<Border>
<TextBlock Text="真" Name="textBlock"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="http://www.mamicode.com/False">
<Setter TargetName="textBlock"
Property="Text"
Value="http://www.mamicode.com/假"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</CheckBox.Template>
</CheckBox>
当然，多数情况下VisualStateManager还是完胜Trigger方式的，毕竟有动画的控件模板更受欢迎！不过如果Trigger被加入到Silverlight和WinRT中也不错，因为在某些时候，开发者又有一种新的选择！
Trigger和ViewStateManager的具体比较