谈谈Silverlight 2中视觉状态管理第一部分

    在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控件的一些视觉状态：

    默认状态下，CheckBox控件将显示为Normal状态；当CheckBox被选中时，它将显示为Checked状态；当Checked为null，CheckBox将显示为Indeterminate状态。

    控件的视觉状态在Silverlight 2中会使用VisualState类来表示，它的定义非常简单如下代码所示：
    
    

 public sealed class VisualState : DependencyObject
{
public VisualState();
public string Name { get; }
public Storyboard Storyboard { get; set; }
}