谈谈Silverlight 2中的视觉状态管理 Part1

谈谈Silverlight 2中的视觉状态管理 Part12011-09-13 cnblogs TerryLee概述

在WPF和Silverlight中的控件模板支持自定义控件的观感，所谓的外观，指控件的视觉效果；而感觉则是控件交互的响应性，如在控件上按下鼠标、控件获得焦点等状态的改变。微软在Silverlight 2 Beta 2中引进了一个新的概念视觉状态管理（Visual State Manager），为我们创建交互性的控件模板提供了极大的方便。接下来我将会用几篇文章来介绍一下Silverlight 2中的视觉状态管理。

在定义控件时，我们需要严格区分控件的视觉效果和控件的逻辑，这样当我们修改控件外观时将不会影响控件逻辑。Silverlight 2 Beta 2中提出的部件和状态模型，能够很好的解决这一问题，本文我们先来看一些基本的概念。

部件（Parts）

所谓的部件（Parts）是指在空间模板中元素，控件逻辑将会控制这些部件来完成一些特定的控件，但它并不关心这些部件的视觉效果，如下图所示对于一个Silder控件来说：

在上图中的Silder控件由四个部件构成：一个名为HorizontalThumb的Thumb控件，一个名为 HorizontalLargeChangeIncrease的RepeatButton控件，一个名为HorizontalLargeChangeDecrease的 RepeatButton控件，一个名为HorizontalTemplate的FrameworkElement元素。这些元素都将会在控件逻辑中进行控制，如当按下HorizontalLargeChangeIncrease时滑块将向右移动，按下 HorizontalLargeChangeDecrease时滑块将向左移动。

需要注意的一点是并不是所有的控件都具有部件，有些控件可能没有部件，大家可以去查阅 Silverlight 2 SDK。

视觉状态（Visual States）

视觉状态是指控件定义的一系列状态如MouseOver、Pressed等，它代表了控件处于某一个特定的逻辑状态。如下面这幅图中定义的CheckBox控件的一些视觉状态：